如何“清除浮动”

Posted 2020-08-29 米琪儿

清除浮动，又叫“闭合浮动”，目的是解决父盒子高度为0的问题。

方法一：额外标签法  

方法二：Overflow: hidden   触发bfc模式 就不用清除浮动

方法三：伪元素 

.clearfix:after {
    content:””;
    visibility:hidden; 
    display:block;
    height:0;
    clear:both;
}

.clearfix{
    Zoom:1;
}

方法四： 双伪元素

.clearfix:before,.clearfix:after{
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}