BFC
塊格式化上下文（block formatting context） 是Web頁面的可視CSS渲染的一部分。它是塊盒子的布局發生及浮動體彼此交互的區域。
塊格式化上下文由以下之一創建：
- 根元素或其它包含它的元素
- 浮動 (元素的 float 不是 none)
- 絕對定位的元素 (元素具有 position 為 absolute 或 fixed)
- 內聯塊 inline-blocks (元素具有 display: inline-block)
- 表格單元格 (元素具有 display: table-cell，HTML表格單元格默認屬性)
- 表格標題 (元素具有 display: table-caption, HTML表格標題默認屬性)
- 塊元素具有overflow ，且值不是 visible
display: flow-root
一個塊格式化上下文包括創建它的元素內部所有內容，除了會創建新的塊格式化上下文的元素。
塊格式化上下文對于定位 (參見 float) 與清除浮動 (參見 clear) 很重要。==定位和清除浮動的樣式規則只適用于處于同一塊格式化上下文內的元素==。浮動不會影響其它塊格式化上下文中元素的布局，并且清除浮動只能清除同一塊格式化上下文中在它前面的元素的浮動。
