CSS 清除浮动的方法

1、在元素内添加一个元素，一般添加div，并且设置属性为clear:both;弊端在于增加了无意义的结构元素

2、设置元素的overflow属性为auto，即可以清除浮动，又不用增加无意义的结构元素。（另外为了兼容IE6，添加上了zoom:1;）附录①

3、使用after伪对象清除浮动，使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像素；二、content属性是必须的，但其值可以为空。

.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.clearfix {
zoom:1;
}

详细讲解链接：http://www.visionunion.com/article.jsp?code=200909110060

附录①：关于zoom:1;/article/4633683.html