什么是浮动

float 用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及到包含块或另一个浮动框的边缘。

为什么要清除浮动？

由于父级盒子在很多情况下，不方便给高度，比如一些新闻页面，因为新闻的长短是不确定的。

但是呢，不给高度吧，如果子元素设置成浮动，由于浮动是不占位置的，那么父元素的高度就会变成 0 ，从而影响下面的标准流盒子。

所以这就是清除浮动要解决的问题
属性值 描述

• left 不允许左侧有浮动元素（清除左侧浮动的影响） right 不允许右侧有浮动元素（清除右侧浮动的影响）
  both 同时清除左右两侧浮动的影响 实际工作中，几乎只用clear: both;

清除浮动方法
额外添加标签法，也称为隔墙法
父级添加overflow属性
父级添加 after属性
父级添加双伪元素