文檔流是文檔中可顯示對象在排列時所占用的位置。比如網(wǎng)頁的div標簽它默認占用的寬度位置是一整行,p標簽默認占用寬度也是一整行,因為div標簽和p標簽是塊狀對象。
網(wǎng)頁中大部分對象默認是占用文檔流,也有一些對象是不占文檔流的,比如表單中隱藏域。當然我們也可以讓占用文檔流的元素轉(zhuǎn)換成不占文檔流,這就要用到CSS中屬性position來控制。
看看CSS 2.0對position的定義:檢索對象的定位方式。共有4種取值。
static:默認值,無特殊(靜態(tài))定位。對象遵循HTML定位規(guī)則 。
absolute:絕對定位。將對象從文檔流中拖出,使用left,right,top,bottom等屬性相對于其最接近的一個最有定位設(shè)置的父對象進行絕對定位。如果不存在這樣的父對象,則依據(jù)body對象。而其層疊通過z-index屬性定義 。當對象定位在瀏覽器窗口以外,瀏覽器因此顯示滾動條。
fixed:固定定位。對象定位遵從絕對(absolute)方式。但是要遵守一些規(guī)范。當對象定位在瀏覽器窗口以外,瀏覽器不會因此顯示滾動條,而當滾動條滾動時,對象始終固定在原來位置。
relative:相對定位。對象不可層疊,但將依據(jù)left,right,top,bottom等屬性在正常文檔流中偏移位置。當對象定位在瀏覽器窗口以外,瀏覽器因此顯示滾動條。
inherit:繼承值,對象將繼承其父對象相應的值
大盤預測
國富論
posted on 2009-10-13 16:56
華夢行 閱讀(904)
評論(0) 編輯 收藏 所屬分類:
JDK