BFC

BFC

BFC 学名 块级格式化上下文，它是CSS2.1规范定义的，关于CSS渲染定位的一个概念，它的主要作用 是闭合浮动，防止与浮动元素重叠，它的最主要的特性是，盒内元素不会影响到盒子外的元素，盒子外的元素也不会影响到盒子内部，是一个相对独立的东西.

创建BFC盒子最常见的方式有：overflow:hidden,float:left/right,position:absolute/fixed 基本上带有它们三个属性时，就相当于创建了一个BFC盒子

其他创建方式：

根元素或其他包含它的元素

行内快inline-block

元素的属性为display:table-cell

overflow的值不为visible的元素

弹性盒子模型 flex boxes