BFC

BFC（Block Formating Context）：块级格式化上下文
从样式来看，它与普通的容器没有区别
从功能上看，BFC可以看做是被隔离了的独立容器，容器里面的元素不会影响容器外面的布局，还可以包含浮动元素等，比如浮动那一节，父元素设置了overflow，高度塌陷问题就解决了

如何触发BFC：

1. overflow：hidden|auto|scroll，除了visible之外

2. 浮动，float除了none

3. 绝对定位：position:absolute|fixed

4. display：inline-block|table-cell|table-caption

BFC的特性：

1. 阻止外边距折叠（也就是兄弟父子之间margin重叠的问题）

2. BFC可以包含浮动元素（详情见清除浮动），会根据子元素的高度自适应高度

3. 阻止元素被浮动元素覆盖

作者：椰果粒
链接：https://www.jianshu.com/p/fa34cf8661b5