css清除浮动的5种方法

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;}