清除浮动的⼏种⽅式

清除浮动的几种方式，各自的优缺点

1. ⽗级 div 定义 height

2. 结尾处加空 div 标签 clear:both

3. ⽗级 div 定义伪类 :after 和 zoom

4. ⽗级 div 定义 overflow:hidden

5. ⽗级 div 也浮动，需要定义宽度 结尾处加 br 标签 clear:both

题外话

比较好的是第3种方式，多数网站都采用改方案

不过 float 布局也已淘汰差不多了

很多第三方 ui 库都有自己的栅格布局 或者 flex 弹性布局

最不济 就用 定位

不过话说回来 截至今天 富士康官网还是用 table 布局 放在 2009年的架构确实算是牛逼的 然而现在。。。

没有好不好的架构 选合适自己的 当下主流的就 ok

现在基本启用 float 了 随着对 css 的理解可操作性太多了， 何必整一些容易出问题的布局方式呢