共计 320 个字符，预计需要花费 1 分钟才能阅读完成。
理解 BFC 标准
BFC 即 Block Formatting Contexts(块级格式化上下文)。具备 BFC 个性的元素能够看作是隔离了的独立容器，容器外面的元素不会在布局上影响到里面的元素，并且 BFC 具备一般元素所没有的一些个性。
触发 BFC 标准的条件
- 设置浮动款式的元素：除 float:none 以外
- 设置相对定位的元素：position（absolute、fixed）
- 设置元素类型转换的元素：display（inline-block、table-cells、flex）
- 设置元素内容溢出显示的元素：overflow（hidden、auto、scroll）
BFC 标准的利用
- 解决 margin 高度塌陷问题
- 解决 margin-top 传递问题
- 解决浮动问题
- 解决笼罩问题
正文完
