1、介绍下 BFC 及其应用
- BFC 即 Block Formatting Contexts (块级格式化上下文),是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。
- 创建 BFC 的方式有： html float position overflow display html 根元素 float 浮动 position (absolute、fixed) overflow 除了 visible 以外的值 (hidden、auto、scroll) display 为 inline-block、table-cells、flex 复制代码BFC 特性 1）同一个 BFC 下外边距会发生折叠。 如下例子两个盒子之间距离只有100px，这不是 CSS 的 bug，我们可以理解为一种规范，如果想要避免外边距的重叠，可以将其放在不同的 BFC 容器中。
