1.定义:BFC全称叫做(Block Formatting Context)中文叫块级格式化上下文;
2.BFC触发机制:
- 根元素或其它包含它的元素
- 浮动元素:float 除 none 以外的值。
- 绝对定位元素:position (absolute、fixed)。
- display 为 inline-block、table-cells、able-caption、flex。
- overflow 除了 visible 以外的值 (hidden、auto、scroll)
3.BFC 特性(功能)
- 使 BFC 内部浮动元素不会到处乱跑;
- 和浮动元素产生边界。