1.父级添加 overflow
可以给父级添加 overflow 属性,将其属性值设置为 hidden、 auto 或 scroll 。
2.:after 伪元素法
.clearfix:after {
content: "";
display: block
;
height: 0
;
clear: both
;
visibility: hidden
;
}
.clearfix {
*
zoom: 1
;
}
3.双伪元素清除浮动
.clearfix:before,.clearfix:after {
content:"";
display:table
;
}
.clearfix:after {
clear:both
;
}
.clearfix {
*
zoom:1
;
}
2和3只需给要清除浮动的代码加class值clearfix就行