web中的清除浮动方法

方法一：父类添加after伪元素法

/* 样式法：清除浮动类似于结构中的隔墙法 */
    
css代码
.clearfix:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix {
        /* IE6、7专有 */
        *zoom: 1;
    }

方法二：额外标签法——隔墙法（w3c推荐方法）
在最后一个浮动元素的后面添加一个块级元素（必须是块级元素不能是行内元素）

方法三：父级添加 overflow

方法四：双伪元素清除浮动

理解：

.clearfix: before, .clearfix: after {
content: “”;
display:table;
}
.clearfix: after{
clear:both;
}
.clearfix {
/* IE6、7专有 */
*zoom: 1;
}

标签：浮动,web,元素,clearfix,清除,after,添加,方法
来源： https://blog.csdn.net/Meng19986082304/article/details/120890451