前端学习第十二天

BFC是什么：

BFC 即 Block Formatting Contexts (块级格式化上下文)，通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。

BFC的特性和应用

. BFC 内部的 Box 会在垂直方向，一个接一个的 放 置 。

2. Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻box的margin会发生重叠 （应用：防止 marin 重叠）

3. BFC的区域不会与float box 发生 重叠 （应用： 自适应两栏布局 ）

BFC特性

1. 根元素 html 默认就是一个 BFC

2. float的值不为none 单纯的 div 不是 BFC ，如果添加了浮动就是 BFC

3. overflow的值不为visible  单纯的 div 不是 BFC ，如果添加了 overflow ： hidden 等就是 BFC

4. display的值为 inline-block/ table-cell/ table-caption/ flex/ inline-flex

5.position的值为absolute

或fixed