关于BFC

BFC（Block Formatting content）块级格式化上下文，封闭一个元素，独立渲染，样式布局自我管理，有自己的渲染规则，不对其他元素造成影响同时不被其他元素影响。此时margin塌陷的情况不会出现。

这几种情况会触发BFC（包括但不限于）：元素设置为

1.display:inline-block或flex；

2.overflow:（非visible）hidden/auto/scroll

3.position:fixed/absolute

4.float:非none