HTML清除浮动写法推荐

    技术2025-05-25  41

    1.父级添加 overflow

    可以给父级添加 overflow 属性,将其属性值设置为 hidden、 auto 或 scroll 。

    2.:after 伪元素法

    .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { /* IE6、7 专有 */ *zoom: 1; }

    3.双伪元素清除浮动

    .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { *zoom:1; }

    2和3只需给要清除浮动的代码加class值clearfix就行

    Processed: 0.012, SQL: 9