語法:
position?:?static?|?absolute?|?fixed?|?relative?
取值:
static??:?默認值。無特殊定位,對象遵循HTML定位規則?
absolute??:?將對象從文檔流中拖出,使用?left?,?right?,?top?,?bottom?等屬性相對于其最接近的一個最有定位設置的父對象進行絕對定位。如果不存在這樣的父對象,則依據?body?對象。而其層疊通過?z-index?屬性定義?
fixed??:?未支持。對象定位遵從絕對(absolute)方式。但是要遵守一些規范?
relative??:?對象不可層疊,但將依據?left?,?right?,?top?,?bottom?等屬性在正常文檔流中偏移位置?
說明:
檢索對象的定位方式。
設置此屬性值為?absolute?會將對象拖離出正常的文檔流絕對定位而不考慮它周圍內容的布局。假如其他具有不同?z-index?屬性的對象已經占據了給定的位置,他們之間不會相互影響,而會在同一位置層疊。此時對象不具有外補丁(?margin?),但仍有內補丁(?padding?)和邊框(?border?)。
要激活對象的絕對(absolute)定位,必須指定?left?,?right?,?top?,?bottom?屬性中的至少一個,并且設置此屬性值為?absolute?。否則上述屬性會使用他們的默認值?auto?,這將導致對象遵從正常的HTML布局規則,在前一個對象之后立即被呈遞。
設置此屬性值為?relative?會保持對象在正常的HTML流中,但是它的位置可以根據它的前一個對象進行偏移。在相對(relative)定位對象之后的文本或對象占有他們自己的空間而不會覆蓋被定位對象的自然空間。與此不同的,在絕對(absolute)定位對象之后的文本或對象在被定位對象被拖離正常文檔流之前會占有它的自然空間。放置絕對(absolute)定位對象在可視區域之外會導致滾動條出現。而放置相對(relative)定位對象在可視區域之外,滾動條不會出現。
內容的尺寸會根據布局確定對象的尺寸。例如,設置一個?div?對象的?height?和?position?屬性,則?div?對象的內容將決定它的寬度(?width?)。
此屬性對于?currentStyle?對象而言是只讀的。對于其他對象而言是可讀寫的。
對應的腳本特性為?position?。?
示例:
div?{?position:relative;?top:-3px?}