CSS文檔流

　　文檔流是指在網頁中將窗體自上而下分紅一行行, 並在每行中按從左至右的順序排放元素,即爲文檔流.(本身的理解是從頭至尾按照文檔的順序，該在什麼位置就在什麼位置，自上而下，自左到右的順序),這是普通流的說法。

　　而不少時候會出現影響普通流而存在，最典型的就是浮動、定位(相對定位和絕對定位)

　　1.浮動

　　浮動經常使用在塊級元素上，普通流裏的塊級元素會獨佔一行，而應用了float的元素就脫離了文檔流，能夠多個一排，其做用與display:inline-block類似。因爲脫離文檔流的元素是不佔據空間的，因此添加了CSS浮動的元素會對其周圍的其餘元素產生或多或少的影響。

　　2.定位

　　相對定位：相對定位是一個很是容易掌握的概念。若是對一個元素進行相對定位，它將出如今它所在的位置上。而後，能夠經過設置垂直或水平位置，讓這個元素「相對於」它的起點進行移動。即相對元素在文檔流中的位置進行偏移，保留佔位。

　　絕對定位，絕對定位使元素的位置與文檔流無關，所以不佔據空間。這一點與相對定位不一樣，相對定位實際上被看做普通流定位模型的一部分，由於元素的位置相對於它在普通流中的位置。而絕對定位徹底脫離文檔流，相對於position屬性非static值的最近父元素進行偏移。

　　固定定位，元素框的表現相似於將 position 設置爲 absolute，不過其包含塊是視窗自己，用fixed,他是徹底脫離文檔流，相對於視區進行偏移。

　　文檔流其實就是文檔中可顯示對象在排列時所佔用的位置。