关于前端学习:CSS样式BFC规范

理解BFC标准

BFC即Block Formatting Contexts(块级格式化上下文)。具备BFC个性的元素能够看作是隔离了的独立容器，容器外面的元素不会在布局上影响到里面的元素，并且BFC具备一般元素所没有的一些个性。

触发BFC标准的条件

1. 设置浮动款式的元素：除float:none以外
2. 设置相对定位的元素：position（absolute、fixed）
3. 设置元素类型转换的元素：display（inline-block、table-cells、flex）
4. 设置元素内容溢出显示的元素：overflow（hidden、auto、scroll）

BFC标准的利用

1. 解决margin高度塌陷问题
2. 解决margin-top传递问题
3. 解决浮动问题
4. 解决笼罩问题