企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 谈谈对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可以阻止外边距折叠