BFC的定義：
- BFC(Block formatting context)直譯為"塊級格式化上下文"。它是一個獨立的渲染區域，只有Block-level box參與， 它規定了內部的Block-level Box如何布局，並且與這個區域外部毫不相干。
如何形成：
- 根元素
- float屬性不為none
- position為absolute或fixed
- display為inline-block, table-cell, table-caption, flex, inline-flex
- overflow不為visible
作用：
- 創建BFC來避免垂直外邊距疊加
- 創建BFC來清除浮動
- 創建BFC來實現自適應布局