含義：
所謂FBC全稱Block Formatting Contexts（BFC），又叫塊級元素格式化上下文，它決定了塊級元素如何對他的內容進行布局，以及和其他元素的關系的相互關系。BFC是個獨立的空間，里面的元素和外面的元素不會互相影響。
觸發條件（以下任意其一滿足即可）：
1.float浮動的值不為none。
2.overflow溢出隱藏的值不為visible。
3.display的值為table-cell、table-caption和inline-block之一。
4.position的值不為static或releative中的任何一個。
BFC布局和普通文檔流布局的區別：
普通文檔流布局規則
1.浮動的元素是不會被父級計算高度
2.非浮動元素會覆蓋浮動元素的位置
3.margin會傳遞給父級
4.兩個相鄰元素上下margin會重疊
BFC布局規則
1.浮動的元素會被父級計算高度（父級觸發了BFC）
2.非浮動元素不會覆蓋浮動元素位置（非浮動元素觸發了BFC）
3.margin不會傳遞給父級（父級觸發了BFC）
4.兩個相鄰元素上下margin會重疊（給其中一個元素增加一個父級，然后讓他的父級觸發BFC）