清浮动常用的方法有哪些

在浮动元素末尾加一个空的标签例如：<div style='clear:both'></div>

通过设置父元素overflow值为hidden；

父元素也设置浮动；一般在大型项目下部推荐，很容易出现布局混乱的情况；

给父元素添加clearfix类；

终极版一：

1 2 3 4 5 6 7

.clearfix:after {     content:"\200B";     display:block;     height:0;     clear:both; } .clearfix {*zoom:1;}/*IE/7/6*/

　　解释下:content:"\200B";这个参数，Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“.”，可以缩减代码量。而且不再使用visibility:hidden。

　　终极版二：

1 2 3 4 5 6 7 8

.clearfix:before,.clearfix:after{     content:"";     display:table; } .clearfix:after{clear:both;} .clearfix{     *zoom:1;/*IE/7/6*/ }

还可以用给父元素设置如下的标签：

after{content:'';clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}；

小知识

zoom:1;属性是IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。