css 清楚浮动的几种方式

方法一： 使用clear属性的空元素

<div style="clear:both;"></div>

方法二：使用overflow属性

给浮动的元素容器添加overflow:hidden/auto；

在添加overflow属性后，浮动元素又回到了容器层，把容器层撑起来，达到清理浮动的效果

另外在 IE6 中还需要触发 hasLayout ，例如为父元素设置容器宽高或设置 zoom:1。

方法三：给浮动元素后边的元素添加clear元素

方法四：使用css的:after伪元素

.clearfix:after {

   content:'020';

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

}

.clearfix {

   zoom:1;

}