概念
块格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视 CSS 渲染的一部分，是块级盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。
触发条件（任意一个）
· body根元素
· 设置浮动，不包括none
· 设置定位，absoulte或者fixed
· 行内块显示模式，inline-block
· 设置overflow，即hidden，auto，scroll
· 表格单元格，table-cell,table-captions
· 弹性布局，flex
作用
1.清除浮动
2.解决元素之间塌陷问题
-
父盒子与子盒子之间的margin塌陷
-
当前元素与外部元素之间margin塌陷
