由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章，于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说，还真是看得有点头大，呵呵~
文档流，其实标准里根本就没有这个词。如果把文档流直译为英文就是 document flow ，但标准里只有另一个词，叫做普通流（ normal flow ），或者称为常规流。但似乎大家更习惯文档流的称呼，因为很多中文翻译的书就是这么来的。比如《CSS Mastery》，英文原书中至始至终都只有普通流 normal flow 这一词，从来没出现过文档流 document flow 。但是中文译本“普通流”和“文档流”却是交替出现的。
什么是普通流？简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。并且这种过程遵循标准的描述。
为了从不同角度说明，我采集了一些可能冗长、具体或者晦涩的其他人给出的定义：
将窗体自上而下分成一行行，并在每行中按从左至右的顺序排放元素，即为文档流。
Jennifer.Kyrnin@About.com： 普通流是元素在多数情况下呈现在 web 页面上的方式。所有 HTML 都在块框（ block boxes，块级元素 ）或者行内框（ inline boxes，行内元素 ）中。
Rainbo Design： 当浏览器开始渲染 HTML 文档，它从窗口的顶端开始，经过整个文档内容的过程中，分配元素需要的空间。除非文档的尺寸被 CSS 特别的限定，否则浏览器垂直扩展文档来容纳全部的内容。每个新的块级元素渲染为新行。行内元素则按照顺序被水平渲染直到当前行遇到了边界，然后换到下一行垂直渲染。这个过程被成为普通文档流。
可见，把流（ flow ）理解为流程，完全说的通。普通流即是通常情况下的元素排布和定位流程。
但其实在CSS2.1RC里，普通流的本质是三种定位机制（ Positioning schemes ）之一，被定义为：
引用：
| Normal flow. In CSS 2.1, normal flow includes block formatting of block boxes, inline formatting of inline boxes, relative positioning of block or inline boxes, and positioning of run-in boxes. |
这个过程包括了块格式化（ block formatting ），行内格式化（inline formatting ），相对定位（ relative positioning ），以及 run-in boxes 的定位。似乎和上面那些迥然不同，但是把这些分解开来，仍然是一致的。
另外，9.4 Normal flow下还有一段：
引用：
| Boxes in the normal flow belong to a formatting context, which may be block or inline, but not both simultaneously. Block boxes participate in a block formatting context. Inline boxes participate in an inline formatting context. |
这是段描述，不是定义。在普通流中的 Box（框） 属于一种 formatting context（格式化上下文） ，类型可以是 block ，或者是 inline ，但不能同时属于这两者。并且， Block boxes（块框） 在 block formatting context（块格式化上下文） 里格式化， Inline boxes（块内框） 则在 inline formatting context（行内格式化上下文） 里格式化。
我们知道，任何被渲染的元素都属于一个 box ，并且不是 block ，就是 inline 。即使是未被任何元素包裹的文本，根据不同的情况，也会属于匿名的 block boxes 或者 inline boxes。所以上面的描述，即是把所有的元素划分到对应的 formatting context 里。
