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
}