BFC的全称是Block Formatting Context，块级格式化上下文，在BFC中的元素布局是不受外界的影响
(1)BFC的触发条件:
a. float的值不是none
b. position的值是absolute或者fixed
c. display的值是inline-block、table-cell、flex、table-caption
d. overflow不为visible
e. 根元素
(2)BFC的作用:
a. 防⽌margin发⽣重叠
b. 自适应两栏布局
c. 防⽌浮动元素的父元素高度塌陷
