bfc是什么，怎么触发

BFC是块级格式化上下文（Block Formatting Context）的缩写，它是一个独立的渲染区域，可以让块级元素在垂直方向上按照一定规则进行布局。BFC可以通过以下方式触发：

1. 根元素或包含根元素的元素
2. 浮动元素（元素的 float 不是 none）
3. 绝对定位元素（元素的 position 为 absolute 或 fixed）
4. 行内块元素（元素的 display 为 inline-block）
5. 表格单元格（元素的 display 为 table-cell，HTML表格单元格默认为该值）
6. overflow 值不为 visible 的块元素
7. 弹性元素（display: flex 或 inline-flex 元素的直接子元素）
8. 网格元素（display: grid 或 inline-grid 元素的直接子元素）
9. 多列容器（元素的 column-count 或 column-width 不为 auto，包括 column-count: 1）
10. column-span: all 元素始终会创建一个新的BFC，即使该元素没有包裹在一个多列容器中。