清除浮动的方式
- 给父元素添加高度
- 在之后添加空的标签设置clear:both;
- 父元素定义伪类:after和zoom(推荐)
.clearfix{
zoom:1;
&:after{
display:block;
content:"";
clear:both;
height:0;
}
}
- 父元素定义overflow:hidden;或者overflow:auto;
- 父元素也浮动,需要定义宽度
- 父元素定义display:table;