[toc] ## BFC行為表現 如果一個元素具有BFC，內部子元素再怎么翻江倒海、翻云覆雨，都不會影響外部的元素。 所以，BFC元素是不可能發生margin重疊的，因為margin重疊是會影響外面的元素的； BFC也可以用來清楚浮動的影響，因為如果不清楚，子元素浮動則父元素高度塌陷，必然會影響后面元素布局和定位，這顯然有違BFC的子元素不會影響外部元素的設定。 ## html文檔元素也觸發了BFC  可以發現上圖中body雖然浮動了，但html依然被撐開了(參見BFC約束規則5) 為什么html會觸發BFC，參見原文這一段 >Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with 'overflow' other than 'visible' (**except when that value has been propagated to the viewport**) establish new block formatting contexts for their contents. ## 觸發BFC從而清楚浮動具有穿透性 這是什么意思呢？ 我們從上面知道了html會觸發BFC，如果我們在body里有一個具有高度的元素，這元素被浮動 ，那么，此時html的高度是怎樣的呢？ html高度并不會0，浮動元素的高度會透過body傳給觸發了BFC的html 這并不是html本身的特殊性，而是所有觸發了BFC的元素都會具有這種特性 ## 常用聲明