清除浮动

清除浮动的方法(只要触发BFC,就可以清除浮动,预防父元素的高度塌陷)

1.给父元素添加浮动或者定位属性

2.给父元素添加display:table-cell;

3.给父元素添加overflow:hidden/auto

4.给父元素添加一个清除浮动的空的子元素

5.Flex也可以清除浮动,但是兼容性不太好

6.给父元素添加class =‘clearfix’

.clearfix:after, .clearfix:before{

Content:””;

display:table;

}

.clearfix:after{

Clear:both;

}

你可能感兴趣的:(清除浮动)