## 谈谈对BFC的理解 ### 1、什么是BFC？ BFC：块级格式化上下文，它是指一个独立的块级渲染区域，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在进行盒子元素布局的时候，BFC提供了一个环境，在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。 ### 2、如何触发BFC 满足下列CSS声明之一的元素便会生成BFC。 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-caption position的值为absolute或fixed ### 3、BFC的作用 ① BFC可以包含浮动的元素（清除浮动） ② BFC可以阻止元素被浮动元素覆盖  ③ BFC可以阻止外边距折叠