BFC是什么

2022-02-12 131 阅读1分钟

概念：BFC（Block Formatting Contexts）是块级格式化上下文。
实现方法：
- 浮动元素（float），
- 绝对定位元素（元素的position为absolute或fixed）
- 行内块inline-block元素
- overflow值不为visible的块元素
- 弹性元素（display为flex或inline-flex的直接子元素）
解决问题：
- 清除浮动
- 防止margin合并