首页 > 代码库 > 如何“清除浮动”

如何“清除浮动”

清除浮动,又叫“闭合浮动”,目的是解决父盒子高度为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;
}

 

如何“清除浮动”