它是頁面中的一塊渲染區域，有一套渲染規則，決定了其子元素如何布局，以及和其他元素之間的關係和作用。
滿足下列條件之一就可觸發bfc
根元素，即html元素
float的值不為none
overflow的值不為visible
display的值為inline-block、table-cell、table-caption
position的值為absolute或fixed
1、阻止垂直外邊距（margin-top、margin-bottom）摺疊
屬於同乙個bfc的兩個相鄰塊級子元素（元素都要在文件流中）的上下margin會發生重疊—— 分為兩個bfc就可以消除這種margin 重疊。
解決：觸發其中乙個div的bfc，使得兩個div不在同乙個 bfc內，這樣就可以阻止這兩個div的margin重疊。
2、 包含浮動元素
ie6、ie7中， // function foo() // function bar() // function bar()
元素內容比較少的時候，會出現高度坍塌， 足夠的文字去乙個浮動的元素 ， 浮動元素脫離文件流，父元素（class=second）高度就會隨著文字的減少而降低 ，父元素未被浮動元素撐開，父元素的高度坍塌。
改變坍塌：為父元素建立乙個bfc
整理自：
前端面試之Dom
dom按其內容可分為5個部分 核心dom 是用於xml與html的共用介面 xmldom xml專用介面 html dom html專用介面 dom事件模型 定義dom能夠響應的事件 css dom css專用介面 html節點樹html文件是一種樹狀的結構化文件 各標記之間是一種樹狀的層次關係 說...
前端面試之HTTP
在瀏覽器和伺服器之間，有許多計算機和其他裝置 了http訊息。簡而言之，他們中間的部分就是 http是簡單的 http是可擴充套件的 http是無狀態 有會話的 http是無狀態的 在同乙個連線中，兩個執行成功的請求之間是沒有關係的。這就帶來了乙個問題，使用者沒有辦法在同乙個 中進行連續的互動，比如...
前端面試 前端面試總結2018 07
2周面試了11家公司吧，具體面試題如下 面試第一周 7.23 7.27 中谷芯厚建 蘇寧vivo外包 電面 杭州通策會 第二週 7.30 8.3 南京軟體谷研究院 烽火科技 邁特望，蘇寧外包 電面 平安科技外包 華泰 外包 一輪 技術面，二輪現場技術面 三隻松鼠 電面 一.中谷芯 二.厚建 angu...