56. BFC是什么？怎么触发BFC?
一、定义
BFC是“块级格式化上下文”的缩写，是一个独立的渲染区域，内部的元素按照一定规则进行布局，不会影响到外部元素的布局。BFC主要用于解决一些常见的布局问题，例如清除浮动、防止 margin 重叠等。
二、 BFC的触发条件
- 根元素或包含根元素的元素；
- 浮动元素（元素的
float属性不为none）； - 绝对定位元素（元素的
position属性为absolute或fixed）； - 行内块元素（元素的
display属性为inline-block）； - 表格单元格（元素的
display属性为table-cell，HTML表格单元格默认即为该值）； overflow属性值不为visible的块级元素（元素的overflow属性值为auto、scroll或hidden）。
通常情况下，我们可以通过设置元素的display属性为inline-block、table、table-caption、table-cell等，或者设置元素的float、position、overflow等CSS属性来触发BFC。
触发BFC后，内部的元素会按照一定规则进行布局，不会影响到外部元素的布局，从而避免了一些布局问题的发生。
