BFC 及其应用

更新: 10/10/2025 字数: 0 字 时长: 0 分钟

BFC（Block Format Context）块级格式化上下文，是页面盒模型中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。

创建 BFC 的方式有：

1. html 根元素

2. float 浮动

3. 绝对定位

4. overflow 不为 visible

5. display 为表格布局或者弹性布局；

BFC 主要的作用是：

1. 清除浮动

2. 防止同一 BFC 容器中的相邻元素间的外边距重叠问题