BFC规定了内部的Block Box如何布局。
定位方案：
1、内部的Box会在垂直方向上一个接一个放置。
2、 Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重 叠。
3、 每个元素的margin box的左边，与包含块border box的左边相接触。
4、 BFC的区域不会与float box重叠。
5、 BFC是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。
6、 计算BFC的高度时，浮动元素也会参与计算。
满足下列条件之一就可触发BFC
1、 根元素，即html
2、 float的值不为none (默认)
3、 overflow 的值不为 visible (默认)
4、 display 的值为 inline-block、table-cell、 table-caption
5、 position 的值为 absolute 或 fixed
Was this helpful?
0 / 0