BFC（Block Formating Context）：块级格式化上下文
从样式来看，它与普通的容器没有区别
从功能上看，BFC可以看做是被隔离了的独立容器，容器里面的元素不会影响容器外面的布局，还可以包含浮动元素等，比如浮动那一节，父元素设置了overflow，高度塌陷问题就解决了
如何触发BFC：
overflow：hidden|auto|scroll，除了visible之外
浮动，float除了none
绝对定位：position:absolute|fixed
display：inline-block|table-cell|table-caption
BFC的特性：
阻止外边距折叠（也就是兄弟父子之间margin重叠的问题）
BFC可以包含浮动元素（详情见清除浮动），会根据子元素的高度自适应高度
阻止元素被浮动元素覆盖
作者：椰果粒
链接：https://www.jianshu.com/p/fa34cf8661b5