-
文檔流
鎖定
文檔流是文檔中可顯示對象在排列時所佔用的位置。
- 中文名
- 文檔流
- 應 用
- 文檔
- 網頁使用
- 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:繼承值,對象將繼承其父對象相應的值。
[1]
- 參考資料
-
- 1. 文檔流 .華夢行[引用日期2012-07-20]
- 詞條統計
-
- 瀏覽次數:次
- 編輯次數:9次歷史版本
- 最近更新: 银银66188