一般來講,網頁居中的話用Absolute就容易出錯,因爲網頁一直是隨着分辨率的大小自動適應的,而Absolute則會以瀏覽器的左上角爲原始點,不 會應爲分辨率的變化而變化位置。很多人出錯就在於這點上出錯。而網頁居左其特性與Relative很相似,但是還是有本質的區別的。
Relative,CSS中的寫法是:position:relative; 他的意思是絕對相對定位,他是參照父級的原始點爲原始點,無父級則以BODY的原始點爲原始點,配合TRBL進行定位,當父級內有padding等CSS屬性時,當前級的原始點則參照父級內容區的原始點進行定位。
有時我們還需要依靠z-index來設定容器的上下關係,數值越大越在最上面,數值範圍是自然數。當然有一點要注意,父子關係是無法用z-index來設定上下關係的,一定是子級在上父級在下。