这是W3C推荐的做法。但真正开发中不常用。
    额外标签法就是在浮动元素的末尾添加一个空的标签(只能是块级元素,比如
    等)。
    例如

    语法:

    选择器 { clear : 属性值 ;}
    属性值 描述
    left 不允许左侧有浮动元素(清除左侧浮动的影响)
    right 不允许右侧有浮动元素(清除右侧浮动的影响)
    both 同时清除左右两侧浮动的影响

    缺点:
    添加了不必要的标签,导致页面结构混乱。
    案例解决方法:
    image.png
    image.png
    推荐类名用 clear 不用 new ,这样更具有含义。