MDN上的描述
塊格式化上下文（Block Formatting Context，BFC） 是Web頁(yè)面的可視CSS渲染的一部分骆捧，是塊盒子的布局過程發(fā)生的區(qū)域，也是浮動(dòng)元素與其他元素交互的區(qū)域敛苇。
觸發(fā)BFC規(guī)范的元素顺呕，可以形成一個(gè)獨(dú)立的容器。不受到外界的影響株茶，從而解決一些布局問題。
FC與BFC
Formatting context(格式化上下文）是W3C CSS2.1規(guī)范中的一個(gè)概念蹦掐。
它是頁(yè)面中的一塊渲染區(qū)域僵闯，并且有一套渲染規(guī)則，它決定了其子元素將如
何定位社裆，以及和其他元素的關(guān)系和相互作用。
BFC即 Block Formatting Contexts(塊級(jí)格式化上下文）,它屬于上述
中的其中一種規(guī)范泳秀。具有BFC特性的元素可以看作是隔離了的獨(dú)立容器榄攀，容
器里面的元素不會(huì)在布局上影響到外面的元素，并且BFC具有普通容器所沒
有的一些特性磺陡。
觸發(fā)BFC的條件
浮動(dòng)元素：float 除 none 以外的值
絕對(duì)定位和固定定位元素：position(absolute、fixed)
display 為 inline-block、table-cells坞靶、flex
overflow 除了 visible 以外的值（hidden、auto瘾敢、scroll)
BFC的特性及應(yīng)用
解決margin疊加問題
解決margin傳遞問題
解決浮動(dòng)問題
解決覆蓋問題
