BFC

简介

在解释 BFC 之前，先说一下文档流。我们常说的文档流其实分为普通流、定位流、浮动流、定位流三种。

普通流

• 元素按照其在 HTML 中的先后位置至上而下布局
• 行内元素水平排列，直到当行被占满然后换行块级元素则会被渲染为完整的一行
• 所有元素默认都为普通流

浮动流

-元素首先按照普通流的位置出现，然后根据浮动的方向，尽可能的向左或向右偏移。

绝对定位

• 元素会整体脱离普通流，因此绝对定位元素不会对其兄弟元素造成影响。