清除浮动的四个方法总结复习

清除浮动：清除浮动主要是解决子元素浮动给父元素造成的高度塌陷

1.伪元素清除浮动（强烈推荐）（清除内部浮动）

.clearfix:after {
    content:'';
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
.clearfix {
    *zoom:1;
}

（::after 两个冒号不兼容IE8）

 

2.父元素设置高度（清除内部浮动）

 

3.父盒子开启BFC（清除内部浮动）

 

4.在浮动的子元素后面添加一个空div标签，加上clear: both来清除浮动

（清除周围元素的浮动）