这是额外标签法的升级版。也是给父元素添加的

    1. .clearfix:after {
    2.   content: "";
    3.   display: block;
    4.   height: 0;
    5.   clear: both;
    6.   visibility: hidden;
    7. }
    9. .clearfix { /* IE6、7专有 */
    10.   *zoom: 1;
    11. }

    将上面这一段代码添加给父元素即可。

    • 优点：没有增加标签，结构更简单
    • 缺点：照顾低版本的浏览器
    • 代表网站：百度、淘宝网、网易等

    原理：
    image.png

    案例解决方案：
    image.pngimage.png