css清除浮动方法

1.父级 div定义 height：

给父元素定义 height,只适合高度固定的布局.

2.额外标签法（隔墙法）：

通过在浮动元素末尾添加一个空的标签，<div style=”clear:both”></div>如果页面浮动布局多，就要增加很多空 div，让人感觉很不好 .

3、父级添加overflow属性方法：

可以给父级添加： overflow为 hidden| auto| scroll 都可以实现。父级 div定义 overflow：hidden 超出盒子部分会被隐藏，不推荐使用

4、使用after伪元素清除浮动：

.clearfix:after {  
   content: ""; 
   display: block; 
   height: 0; 
   visibility: hidden; 
   clear: both;
}   

 .clearfix {*zoom: 1;}   /* IE6、7 专有 */

5、使用双伪元素清除浮动：

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