html 清除浮动

1.清除浮动

(1)浮动的副作用（为什么）：

①浮动元素会造成父级元素高度的塌陷：不设定高度时父级元素不显示

②后续元素会收到影响

(2)清除浮动方案

①父级元素设置高度：如果将一个未设置浮动的元素放到设置浮动的盒子中还是会出现覆盖现象

②受影响的元素增加clear属性：如果有①这种情况，那么设置clear：both（both 无论是左浮动还是右浮动都清除）

③（建议使用）overfloat清除浮动：父级不设置高度时使用。在父级样式中添加overfloat：hidden；clear：both（两个属性一起写）还是不行再加上②方法

④伪对象方式：为父级标签添加伪类after，设置空的内容，并且使用clear：both

：：after{}