1.额外标签法
<div style=”clear:both”></div>
2.父级添加overflow属性方法
可以给父级添加: overflow为 hidden|auto|scroll 都可以实现。
3.使用after伪元素清除浮动
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {*zoom: 1;} ie6、7 专有
4.after伪元素空余字符法
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }.
5.使用before和after双伪元素清除浮动
.clearfix:before,.clearfix:after{
content:".";
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{*zoom:1;}