1、使用伪类来实现清除浮动(:after或者:before)
.clearfix:after{
centent:"";//设置内容为空
height:0;//高度为0
line-height:0;//行高为0
display:block;//将文本转为块级元素
visibility:hidden;//将元素隐藏
clear:both//清除浮动
}
.clearfix{
zoom:1;//为了兼容IE
}
2、使用双伪元素清除浮动
.clearfix:before,.clearfix:after{
content:"";
display:block;
clear:both;
}
3、使用clear方法
.clearfix{
clear:both;
overflow:hidden;
}
本人比较推荐第三种方法~