BFC 应如何理解？，如何创建 BFC？

【概念释义】

BFC（Block Formatting Context，块级格式化上下文）是 CSS 中一个独立的渲染区域，它规定了块级盒子如何布局、浮动元素如何交互。简单来说，BFC 是一个隔离的容器，内部元素的布局不会影响外部，外部元素也不会影响内部。

核心作用：解决常见的布局问题，如清除浮动、防止 margin 重叠、实现自适应两栏布局等。通俗理解：BFC 就像给元素加了一个“结界”，里面的元素再怎么折腾（浮动、margin 等），都不会影响到外面的世界。

【基础使用】

创建 BFC 的常见方式（触发条件）：

| 方式 | 示例代码 |

|------|----------|