清除浮动

标签：

一直clear:both;清除浮动，听完课才知道这在IE6下有问题。现在推荐使用方法6

清浮动方法
1、给父级加浮动 --问题margin:0 auto;失效
2、给父级加display:inline-block;  --问题 magin:0 auto;失效
3、浮动元素下加
　　<div class="clear"></div>
　　.clear{height:0;font-size:0;clear:both}
　　--问题IE6下存在最小高度问题
4、浮动元素下加
　　<br clear="all"/>
　　--问题不符合W3C标准
5、给父级加clear样式
　　.clear:after{content:"";display:block;clear:both;}
　　--问题IE6、7下不支持after伪类

根据hasLayout渲染方式
在IE6、7下浮动元素父级有宽度就不用清浮动

6、给父级加clear样式
　　 .clear{zoom:1}
　　.clear:after{content:"";display:block;clear:both;}

7、给父级加overflow
　　--IE6下有问题

清除浮动

标签：

原文地址：http://www.cnblogs.com/miharu/p/4444973.html