BFC：块级格式化上下文详解及应用场景

BFC 是块级格式化上下文 (Block Formatting Context) 的缩写，是 CSS 中一个重要的概念。它是一个独立的渲染区域，其中的元素按照一定规则进行布局和渲染，不会影响到外部的元素。BFC 的形成有多种方式，例如根元素、浮动元素、绝对定位元素、inline-block 元素等。BFC 的应用可以解决一些常见的布局问题，如清除浮动、避免 margin 重叠等。