文檔流

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

基本介紹

• 中文名：文檔流
• 套用：文檔
• 網頁使用：div標籤
• 順序：自上而下，自左到右

文檔流簡述

將窗體自上而下分成一行行, 並在每行中按從左至右的順序排放元素,即為文檔流.(自己的理解是從頭到尾按照文檔的順序，該在什麼位置就在什麼位置，也可以按照上面的意思理解，自上而下，自左到右的順序)

詳細說明

比如網頁的div標籤它默認占用的寬度位置是一整行，p標籤默認占用寬度也是一整行，因為div標籤和p標籤是塊狀對象。 網頁中大部分對象默認是占用文檔流，也有一些對象是不占文檔流的，比如表單中隱藏域。當然我們也可以讓占用文檔流的元素轉換成不占文檔流，這就要用到CSS中屬性position來控制。 看看CSS 2.0對position的定義：檢索對象的定位方式。共有5個取值。 static：默認值，無特殊（靜態）定位。對象遵循HTML定位規則 。 absolute：絕對定位。將對象從文檔流中拖出，使用left，right，top，bottom等屬性相對於其最接近的一個具有定位設定的父對象進行絕對定位。如果不存在這樣的父對象，則依據body對象。而其層疊通過z-index屬性定義 。當對象定位在瀏覽器視窗以外，瀏覽器因此顯示滾動條。 fixed：固定定位。對象定位遵從絕對(absolute)方式。但是要遵守一些規範。當對象定位在瀏覽器視窗以外，瀏覽器不會因此顯示滾動條，而當滾動條滾動時，對象始終固定在原來位置。 relative：相對定位。對象不可層疊，但將依據left，right，top，bottom等屬性在正常文檔流中偏移位置。當對象定位在瀏覽器視窗以外，瀏覽器因此顯示滾動條。 inherit：繼承值，對象將繼承其父對象相應的值。