CSS文档流_html/css_WEB-ITnose

很多CSS的书籍在谈到CSS的定位机制时都会提到一个关键词“文档流”，然而可能这词对于作者来说简单得不需解释吧，所以很少见到有这词的具体解释，然而本人认为弄懂本概念对能否很好理解整个定位机制来说很关键！网上查了一下网友的理解，再翻了下W3C，结合自己理解。可以用W3C上面的一句话来概括：“元素的位置由元素在 (X)HTML 中的位置决定。”

要很好的理解上面这句话，可以用排除法。CSS的定位机制有3种：普通流、浮动（float：left/right/none）和定位 （position:static/relative/absolute/）。

普通流就是正常的文档流，在HTML里面的写法就是从上到下，从左到右的排版布局。

例：

查看更多关于CSS文档流_html/css_WEB-ITnose的详细内容...