BFC笔记

常见定位方案

1. 普通流
2. 浮动
3. 绝对定位

BFC的触发条件

1. 根元素 （当前文档中 html 标签就是一个BFC）
2. float 的值不为 none
3. overflow 的值不为 visible（有 hidden，auto，scroll）
4. display 的值为 inline-block / table-cell / table-caption / flex / inline-flex
5. position 的值为 absolute 或 fixed

BFC的特性

1. 同一个 BFC 下外边距会发生折叠
2. BFC 可以包含浮动的元素（清除浮动）
3. BFC的区域不会与float box发生重叠

• 原文 ：https://www.cnblogs.com/XH-jing/p/12354083.html
• https://zhuanlan.zhihu.com/p/25321647