BFC(Block Fomatting Context)为块级格式化上下文的的简称。实质上可以理解为盒子内部一套自己的渲染规则,而这种渲染规则会影响着元素的定位以及与其兄弟元素之间的相互作用。一般当大家进行盒子布局的时候,形成BFC模式的盒子就会按自己的渲染规则布局和定位而不影响其他环境中的布局(常见的浮动元素脱离标准文档流,其内部子元素则按照其相应的渲染规则布局,而浮动元素之间则互不影响,其自身就像一个独立的容器)。
总结一下也就是说:如果一个元素符合了成为BFC模式的条件,该元素内部元素的布局和定位就和外部元素互不影响(除非内部的盒子建立了新的 BFC),是一个隔离了的独立容器,拥有自己的渲染规则。(在 CSS3 中,BFC 叫做 Flow Root)