前端面试题-BFC（边距重叠解决方案）

1、BFC的基本概念？

        块级格式化上下文。与之并列的是IFC（内联元素的格式化上下文，此处先不讨论哈）。

2、说下BFC的原理？

        BFC原理就是BFC的渲染规则，共四点：

a) 在BFC这个元素垂直方向的边距会发生重叠。

b) BFC的区域不会与浮动元素box重叠，用来清除浮动的和布局的。

c) BFC在页面上是一个独立的容器，外面的元素不会影响里面的元素，里面的元素也不会影响外面的元素。

d) 计算BFC元素的高度的时候，浮动元素也会参与计算。

3、说下如何创建BFC？

a) overflow除了 visible 以外的值（hidden，auto，scroll）。

b) float 除 none 以外的值。

c) position值不是relative或者static，absolute，fixed。

d) display属性inline-block，table-cell，table-caption。