position版本:CSS2  兼容性:IE4+ NS4+ 繼承性:無
語法:
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 }