BFC,块格式化上下文( Block formatting context ),是指初始化块级元素定义的环境。在CSS中,元素定义的环境有两种,一种是块格式化上下文( Block formatting context ),另一种是行内格式化上下文( Inline formatting context )。其中我们使用比较多的是块级可视化上下文,CSS3草案中将之称为“flow root”,但我们仍习惯叫BFC,其的触发条件如下:

*浮动元素(float除了none)

*绝对定位元素(absolute/fixed)

*设置了’display’ 属性为 “inline-block”,”table-cell”, “table-caption” 的元素

*设置了overflow“visible”的元素