css到底清除浮动用哪种形式比较好

1,overflow:hidden *zoom:1; 加入父级元素，可以实现自适应，子元素采用浮动。

优点：代码简单

弊端：如果子元素出现定位的下拉菜单等形式，内容超出会被隐藏

2.clear:both 加入空标签 设置成clear:both;

优点：主要是针对浮动子元素的下边距的消失（IE7 IE6），用其他清除浮动方法都不能成功解决此问题

弊端：新增代码 增加文件大小

3.afte

.clearfix{
    *zoom: 1
}
.clearfix:after {
   content: "";
   display: table;
   clear: both
}  

大多网站采用此方法，可以在父元素加入clearfix 或者直接设置成父级元素:：after

优点：兼容性很好

弊端：代码过多，增加文件大小

大家需要根据不同的情况 合理使用