清除浮动的四种方法

1).额外标签法

<div style=”clear:both”></div>
// 其他标签br等也可以。

2).父级添加overflow属性

overflow为 hidden| auto| scroll

3).使用after伪元素清除浮动

 .clearfix:after {  
 	content: ""; 
 	display: block; 
 	height: 0; 
 	clear: both; 
	visibility: hidden;  
 }   
 .clearfix {
 	*zoom: 1;
 }   /* IE6、7 专有 */

• zoom:1触发 hasLayout。

4).使用双伪元素清除浮动

.clearfix:before,.clearfix:after { 
  content:"";
  display:table; 
}
.clearfix:after {
 clear:both;
}
.clearfix {
  *zoom:1;
}