css3全局样式清除浮动

html-css012

css3全局样式清除浮动,第1张

在css中设置一个 样式clear{clear:both}清除左右浮动，在想清除浮动的地方引入一个css样式即可；

clear:both是清除左右浮动

clear:left清除左浮动

clear:rigth清除右浮动；

document.getElementById("s").removeAttribute("style")改成document.getElementById("s").remove("style")，试试

浮动主要会影响后面其他的非浮动元素的布局，所以父元素的浮动是必须清除的，子元素也最好清除一下，以免出现一些莫名其妙的现象。

我们可以这么来理解：浮动就像是原本在地面的一幢房子忽然漂浮在空中，这样地面上它原本占用的地皮就要被其他新建的房子占用了（这是未清除浮动的情况），如果这时候出一个硬性规定：这个房子的地皮仍然保留，其他房子不得占用，那么后面的其他房子就不需要挪位置了，所有房子的整体布局就不会发生改变（这就是清除浮动的情况）。