前言：
- 什么是浮动：最开始是为了做出一种文字环绕图片的效果 最后可以解决几个块元素在一行显示的问题 转换成行内块元素虽然也能实现 但是不能从左往右排 但是使用浮动之后可能会出现父级元素高度塌陷的问题
- 清除浮动：有时候无法确定内容的多少 如新闻板块每天的文字多少可能都不一样 所以一般不给父元素设置固定的高度 而让子元素撑开 但是子元素一旦浮动 就会出现内容溢出到父元素外面 也就是浮动溢出这时我们就需要清除浮动
清除浮动的方法：
- 额外标签法：在要清除的元素内添加一个子元素 空白标签 样式设置为clear：both
- 给父元素添加overflow：hidden
- 使用after伪元素
- after before双伪元素： 最常用 直接封装成一个类 然后调用 5.为父元素设置高度：简单粗暴有效 但是不方便后期维护
