css float
浮动会使标签脱离标准流，对子元素产生副作用:
要点：
1.浮动不会对上面标签产生作用，该怎么排就怎么排
2.如果上下两个标签同时浮动，会一行一行的排满，位置不足，自动换到下一行
3.浮动的标签相当于转换成了block类型
也可以用伪元素来解决浮动问题
清理浮动一步一步优化：
- 清理浮动的主要原因是bfc，如下属性可以触发
-改进
-终极改进
注意：加before是为了防止顶部的页面崩溃（比如：两个元素有padding 就不会叠加了），加不加 都可以清除浮动的。