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;http://www.cnblogs.com/top5/archive/2011/07/11/2103343.html