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。