1清除浮动原因
    image.png

    2清除浮动语法
    image.png
    image.png

    3 清除浮动方法1—-额外标签法（在最后一个标签处设置一堵“墙”）
    （不常使用）
    image.png

    image.pngimage.png

    4 清除浮动方法2—-父级添加法
    image.png
    通常使用overflow：hidden；
    image.png

    5 清除浮动方法3—-：after伪元素（像是上面两种方法的结合，建墙但是给父盒子添加）
    image.png
    固定格式，直接复制粘贴就行了
    使用的时候直接在要清除清楚浮动的盒子处直接调用就行了

    image.png

    image.png
    image.png

    6清楚浮动方法4—-双伪元素

    image.png
    image.png

    总结
    image.png