css float

浮动会使标签脱离标准流，对子元素产生副作用:

要点：
1.浮动不会对上面标签产生作用，该怎么排就怎么排

2.如果上下两个标签同时浮动，会一行一行的排满，位置不足，自动换到下一行

3.浮动的标签相当于转换成了block类型

也可以用伪元素来解决浮动问题

清理浮动一步一步优化：
- 清理浮动的主要原因是bfc，如下属性可以触发

-改进

-终极改进

注意：加before是为了防止顶部的页面崩溃（比如：两个元素有padding 就不会叠加了），加不加 都可以清除浮动的。