By Noxxxx from https://interview.noxxxx.com/?post_type=post&p=112 上山打老虎
    欢迎分享与聚合,尊重版权,可以联系授权
BFC 是块级格式化上下文。
效果?
内部子元素的变化不会影响到外部
如何形成?
- 根元素
 - 浮动元素 float 不为 none
 - position 为absolute 或 fixed
 - display 取值为 inline-block table-cell table-caption flex inline-flex
 - overflow 不为 visible 的元素
 
作用?
- 可以包含浮动元素
 - 不被浮动元素覆盖
 - 防止父子元素的 margin 折叠