浅谈 CSS 中的 BFC

BFC（block formattng context）是块级格式上下文的意思，具有 BFC 特性的 HTML 元素，就像拥有 "结界" 一样，内部元素再怎么折腾都不会影响外面的元素。

### BFC 的触发条件
- `html`根元素
- `float` 的值不为 `none`
- `position` 的值不为 `static` 或 `relative`
- `overflow` 的值为 `auto`，`scroll` 或 `hidden`
- `display` 的值为 `inline-block`，`table-cell` 或 `table-caption`

### BFC 的应用
- 阻止 margin 重叠
- 清除浮动，因为浮动元素也是 BFC，两个 BFC 互相独立，所以能修复浮动造成的高度塌陷
- 实现自适应两栏布局（左浮动 + 右 BFC）
