（注1：如果有問(wèn)題歡迎留言探討，一起學(xué)習(xí)！轉(zhuǎn)載請(qǐng)注明出處，喜歡可以點(diǎn)個(gè)贊哦！）
（注2：更多內(nèi)容請(qǐng)查看我的目錄。）
1. 簡(jiǎn)介
在CSS入門(mén)系列中，介紹了很多CSS的基礎(chǔ)概念。其中講到了盒模型。頁(yè)面(文檔樹(shù))可以想象成是由一個(gè)個(gè)的Box組合而成的，而視覺(jué)格式化模型(Visual formatting model)是一套規(guī)則，將這些框布局成訪(fǎng)問(wèn)者看到的樣子。
2. 視覺(jué)格式化模型(visual formatting model)
CSS 視覺(jué)格式化模型(visual formatting model)是用來(lái)處理文檔并將它顯示在視覺(jué)媒體上的機(jī)制。這是 CSS 的一個(gè)基礎(chǔ)概念。理解視覺(jué)格式化，有助于幫助我們分辨得到的效果是應(yīng)該顯示的正確效果，還是瀏覽器兼容性的bug。
視覺(jué)格式化模型中，文檔樹(shù)中的每一個(gè)元素根據(jù)盒模型(Box Model) 生成0，1或者多個(gè)盒。這些盒的布局由以下內(nèi)容控制：
盒的尺寸和類(lèi)型
定位體系 Positioning Scheme （常規(guī)流，浮動(dòng)和絕對(duì)定位）
文檔樹(shù)中元素之間的關(guān)系
外部信息（如：視口大小，圖片的固有尺寸等）
接下來(lái)讓我們從以上幾個(gè)方面來(lái)詳細(xì)講解CSS的視覺(jué)格式化模型。
參考
http://www.w3.org/TR/CSS2/visuren.html
理解CSS視覺(jué)格式化
css權(quán)威指南-基本視覺(jué)格式化（水平與垂直）
CSS規(guī)范 > 9 視覺(jué)格式化模型 Visual Formatting Model
MDN-視覺(jué)格式化模型
想要清晰的明白（一）： CSS視覺(jué)格式化模型|盒模型|定位方案|BFC
深入理解BFC和Margin Collapse
NDN-視覺(jué)格式化模型
你真的了解盒模型嗎？
