如何理解塊級格式化上下文BFC(block formatting context)?

大家對於塊級格式化上下文BFC都有哪些疑問?


溫特老濕已講得非常的清楚了,要徹底的了解BFC,應該去了解溫特老師所說的相關概念。我搜索了一些文章,將這些鏈接地址列出來,不知道是否有幫助。我怎麼感覺說這個概念都或多或少有點離題了。

1、深入理解BFC和Margin Collapse

2、CSS layout入門

3、CSS深入理解流體特性和BFC特性下多欄自適應布局 ? 張鑫旭

4、前端精選文摘:BFC 神奇背後的原理

5、從莫名的熟悉到明確的概念:CSS BFC(Block Formatting Context)

6、BFC(塊級格式化上下文)

7、http://www.html-js.com/article/1866

8、css學習專題-BFC

9、Melon Space

10、詳說 Block Formatting Contexts (塊級格式化上下文)

11、CSS中BFC的概念及外層div包裹內層div處理方法

12、How does the CSS Block Formatting Context work?

13、CSS 101: block formatting contexts

14、CSS 101: Block Formatting Contexts

不過還是最好去啃規範文檔。


這個問題是想問啥…答了題主再來給大家解答嗎?提問能不能明確一點呢?


推薦閱讀:

什麼情況下適合用 table+CSS 而不是 DIV+CSS ?
CSS要怎麼寫才規範,提高可讀性?
在 CSS 中如何使用百分比設置頁面 Div 高度?
如果說老式的純HTML構建網頁是用表格布局,那麼CSS+div的方法主體思路是怎樣的?
CSS 偽元素有哪些不得了的用法?

TAG:前端開發 | CSS | 萬維網聯盟W3C | 前端工程師 | CSS布局 |