css BFC

[henrycjchen]

BFC：Block Formatting Context，块格式化上下文 BFC 用于包含其内容元素的所有内容，常见的问题有：

1. 存在 float 元素时，父节点高度不会自适应 float 子节点高度，导致子节点溢出
   • 解决方案：将父元素改造成 BFC
2. 相邻元素的上下边距合并
   • 解决方案：将相邻元素改造成 BFC

如何生成 BFC:

• overflow 不为 visible(hidden, auto, scroll)
• position 为绝对定位（absolute, fixed）
• display 为 inline-block, flex, flow-root 等

参考资料 块格式化上下文