position

static : 　無特殊定位，對象遵循HTML定位規則 
absolute : 　將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊經過z-index屬性定義。此時對象不具備邊距，但仍有補白和邊框 
relative : 　對象不可層疊，但將依據left，right，top，bottom等屬性在正常文檔流中偏移位置 
fixed : 　IE5.5及NS6尚不支持此屬性 

position:relative; 他的意思是絕對相對定位，他是參照父級的原始點爲原始點，無父級則以BODY的原始點爲原始點，配合TRBL進行定位，當父級內有padding等CSS屬性時，當前級的原始點則參照父級內容區的原始點進行定位. 
relative和absolute的另一個很重要的區別就是當被定義成absolute的對象被移出了，那麼他原來的位置也就不存在了， 
若是被定義成relative的對象被移出了 他原來的位置還在，別的元素就不能替代這個位置. 

 

相對定位有兩個做用： 
一、在保證元素原始佔位不變的狀況下，偏移元素，這個有不少地方用獲得，好比微調元素的位置，還有就是有種居中的實現方式就是利用了這一點； 
二、做爲子元素的定位父元素，也就是說，若是某個元素相對定位了，那其下的子孫元素，在沒有其餘定位元素隔離的狀況下，將以這個父元素的包圍框爲基準作絕對定位。

 

relative 應用：將背景縮進到上一層下面

 

position:relative;z-index:-1;margin-top:-30px