CSS笔记-什么是BFC
**BFC（块级格式化上下文）**是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。
一个 HTML 元素要创建 BFC，则满足下列的任意一个即可：
- float 的值不是 none;
- position 的值不是 static 或者 relative;
- display 的值为 inline-block、inline-flex、table-cell、table-caption 或者 flex;
- overflow 的值不是 visible。
用处：
- 避免外边距折叠；
- 清除浮动（计算 BFC 高度时，浮动元素也参与计算）；
- 避免和浮动元素重叠。