什么是BFC？触发BFC的条件是什么？

BFC（块格式化上下文）代表“块级格式化上下文”。它创建一个独立的渲染区域（不影响外部元素，也不受外部元素影响）。它的生成有以下规则：

• 内盒连续放置在垂直盒子中
• 垂直盒子内内盒之间的距离是margin确定的。同一 BFC 的相邻盒子重叠
• 每个内盒子的左侧与 BFC 的左侧接触，即使它有浮动。
• BFC的区域与浮箱不重叠。
• 计算BFC高度时，float元素也参与计算（上面的float清空问题就是这个原理）

BFC触发条件：

• 根元素
• float属性为空
• 位置是绝对或固定的
• 显示为行块、表格单元格、表格标题、Flex、内联伸缩
• 不显示溢出