box formatting context（塊級格式化上下文）,理解

佈局：從上至下，一個接一個，豎列排放
box的垂直方向由margin（外邊距）決定，同一個BFC中的box的margin會重疊
一個獨立的容器，容器內的元素不會影響容器外的元素
不會和float box重疊
高度計算包括浮動元素。

會生成和觸發BFC的元素類型：
根元素[html，body，head](body和head是html的子元素)
浮動屬性不是不浮動
定位屬性是絕對定位
display：
inline-block：指定對象爲內聯元素的塊元素
table-cell：指定對象爲表格單元格
table-caption：指定對象爲表格標題
flex：指定對象爲彈性伸縮盒
inline-flex：指定對象爲內聯元素的彈性伸縮盒
overflow：值不爲visible