参考文章:清除浮动的最常用的四种方法,以及优缺点_h_qingyi的博客-CSDN博客_清除浮动
- 第一种:子元素后添加元素,属性 clear:both(clear属性的用法)
- 第二种:父元素,overflow:hidden
- 第三种:父元素的伪元素方式一,以下这几个属性都要加
#parent::after{
content:"";
height:0;
visibility:hidden;
display:block;
clear:both;
}
这里面#parent是父元素
但ie6-7不支持伪元素after,在父元素上写zoom:1就行
- 第四种:父元素的伪元素方式二,设置after和before两个伪元素
.clearfix:after,.clearfix:before{
content: "";
display: table;
}
.clearfix:after{
clear: both;
}
其中.clearfix是父元素