CSS之清除浮动

网页页面中，下面是比较简单的几个清除浮动的方式：

方式一：clear：both

说明：父元素中添加一个新的p标签，并且用关系选择器在CSS中设置，最重要的是clear:both ;

方式二：父元素overflow：hidden/auto

下面示例中div为父元素，里面有若干span子元素。

方法三：父元素设置浮动float：left/right;

缺点：可能影响布局

方法四：伪元素clear:both;（类似方法一）

代码参考来源：https://www.bilibili.com/video/av68495838