divcss普通流是什麼呢

大家知道divcss普通流是什麼嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

由於沒有找到自己認為完整的關於普通流、浮動和絕對定位的中文文章，於是鼓起勇氣決定自己來寫篇。為此大致啃掉了CSS2.1裡的 8 Box model 以及 9 Visual formatting model 。實話說，還真是看得有點頭大，呵呵~

文檔流，其實標准裡根本就沒有這個詞。如果把文檔流直譯為英文就是 document flow ，但標准裡只有另一個詞，叫做普通流( normal flow )，或者稱為常規流。但似乎大家更習慣文檔流的稱呼，因為很多中文翻譯的書就是這麼來的。比如《CSS Mastery》，英文原書中至始至終都只有普通流 normal flow 這一詞，從來沒出現過文檔流 document flow 。但是中文譯本“普通流”和“文檔流”卻是交替出現的。

什麼是普通流?簡單說就是元素按照其在 HTML 中的位置順序決定排布的過程。並且這種過程遵循標准的描述。

為了從不同角度說明，我采集了一些可能冗長、具體或者晦澀的其他人給出的定義：

將窗體自上而下分成一行行，並在每行中按從左至右的順序排放元素，即為文檔流。

[email protected]： 普通流是元素在多數情況下呈現在 web 頁面上的方式。所有 HTML 都在塊框( block boxes，塊級元素 )或者行內框( inline boxes，行內元素 )中。

Rainbo Design： 當浏覽器開始渲染 HTML 文檔，它從窗口的頂端開始，經過整個文檔內容的過程中，分配元素需要的空間。除非文檔的尺寸被 CSS 特別的限定，否則浏覽器垂直擴展文檔來容納全部的內容。每個新的塊級元素渲染為新行。行內元素則按照順序被水平渲染直到當前行遇到了邊界，然後換到下一行垂直渲染。這個過程被成為普通文檔流。

可見，把流( flow )理解為流程，完全說的通。普通流即是通常情況下的元素排布和定位流程。

相信大家已經學會divcss普通流是什麼了吧!感謝大家對我們網站的支持!

相關推薦：

css細線表格的制作方法介紹