bfc（block formatting context）的中文名稱是塊級格式化上下文，它是乙個獨立渲染的區域
在這個區域的內部有自己的布局規則，內部的元素對外部的元素沒有任何影響，反之亦然
bfc 的內部元素都必須是塊級盒子，並且這些盒子有一定的布局規則，具體如下：
建立乙個 bfc 的方法有很多，下面來介紹比較常用的幾種：
（1）解決高度塌陷的問題
如果我們沒有顯式設定父元素的高度，並將子元素設定為浮動的，那麼父元素就會出現高度塌陷
清除浮動，意思就是清除由於子元素浮動導致父元素高度塌陷的影響，清除浮動有兩個基本的思路
（2）解決外邊距塌陷的問題
屬於同乙個 bfc 的兩個相鄰盒子會發生外邊距塌陷的情況
解決方法就是給其中乙個元素包乙個 bfc，這樣就能使得兩個元素不在同乙個 bfc 中
【 閱讀更多 css 系列文章，請看 css學習筆記 】
CSS布局基礎BFC
bfc是什麼？第一次看到這個名詞，我是拒絕的，css什麼時候還有這個東西？於是迫不及待的google了一下，才發現原來它無時無刻不在我們的css當中，只不過它並不是乙個屬性，不需要我們平常使用手寫罷了。但是它的重要性確是槓槓的，可以這麼說，沒有它就就沒有什麼css布局 bfc,全稱 block fo...
BFC學習筆記
bfc即block formatting context 塊級格式化上下文 是 web 頁面的視覺化 css 渲染的一部分，是塊盒子的布局過程發生的區域，也是浮動元素與其他元素互動的區域。個人理解 在某些條件 形成bfc的條件 下，乙個元素及其子元素擁有特定的渲染規則，此時我們稱該元素形成乙個bfc...
css複習 浮動與BFC
float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。浮動的值 left 元素向左浮動。right 元素向右浮動。none 預設值。元素不浮動，並會顯示在其在文字中出現的位置。...