1.给设置浮动的盒子的父元素一个overflow：hidden属性，即可消除父元素中子元素浮动对页面的影响。

2.使用伪元素来清除浮动

.clearfix:after {

content:"";
height:0;
line-height:0;
dispaly:block;/设置为块级元素/
clear:both;  /清除浮动/
visibility:hidden; /将元素隐藏/

}

.clearfix{

　　zoom:1;/为了兼容IE6/

}

3.使用双伪元素

.clearfix:before,.clearfix:after{

content:"";

display:block;

clear:both;

}

.clearfix {

zoom:1

}

清除浮动的方式