Question

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

Answer 1

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

优点：兼容性很好
弊端：代码过多，增加文件大小