清除浮动的四种方法

1.额外标签法：clear:both

通过在box1后面添加一个box2来清除浮动的影响，这个方法比较直接，不过不会产生很多额外的标签，是代码变得冗余，而且父盒子bu'hui不会被重新撑开。

2.使用overflow：hidden

3.单伪元素标签法

.clearfix:after{

　　content:"";

　　height:0;

　　visibility:hidden;

　　overflow:hidden;

　　display:block;

　　clear:both;

}

.clearfix{

　　zoom:1;

}

 

4.双伪元素标签法

.clearfix:before, .clearfix:after{

　　content:"";

　　display:table;

}

.clearfix:after{

　　clear:both;

}

.clearfix{

　　zoom:1;

}