2019-04-25 清除浮动的五种方法

清除浮动方法

1.给父元素设置高度
缺点：扩展性不好

2. 开启BFC
   IE6、IE7不支持BFC

//给父元素设置
overflow:hidden
position:absolute
float:left/right

3.br标签
IE6不支持，违反了结构 行为 样式相分离的原则

<br clear="all">

4.空标签
违反了结构 行为 样式相分离的原则，IE6下元素的最小高度为19px，
改善方法：font-size:0;
5.伪元素+开启haslayout （推荐使用）

.clearfix{*zoom:1}
.clearfix:after{content:''; display:block; clear:both;}