如何“清除浮动”

2024-09-02 16:37:09 218人阅读

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

如何“清除浮动”

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们