Block Formatting Context
块级格式化上下文
4. 简单说说如何创建 BFC，以及如何解决相应一些问题？ **
-
创建 BFC 的条件
-
根元素 body
-
元素设置浮动：float 除了 none 之外
-
position 脱离文本流的操作
-
display 的 inline-block table-cell table-caption flex
-
overflow 的 hidden auto scroll
-
-
BFC 的特点
- 垂直方向上，自上而下排列的，和文档流的排列方式一致
- BFC 中上下相邻的两个容器 margin 会重叠
- 计算 BFC 高度时要计算浮动元素
- BFC 不会影响外部元素
5. BFC 正作用有哪些？**
-
解决 margin 重叠问题
-
解决高度塌陷
-
创建自适应布局
场景
-
清除浮动
-
组织浮动元素的覆盖
-
左边定宽，右边自适应
-
下外边距折叠
