CSS中的絕對定位與相對定位

層級關係為：

為改變參照物（橘色框）後的效果

層級關係為：

參照物為最頂級的元素情況。

層級關係為：

僅使用margin屬性布局絕對定位元素的情況

此情況，margin-bottom 和margin-right的值不再對文件流中的元素產生影響，因為該元素已經脫離了文件流。另外，不管它的祖先元素有沒有定位，都是以文件流中原來所在的位置上偏移參照物。

圖9中，使用margin屬性布局相對定位元素。

層級關係為：

ie6的情況下，box2前面沒有兄弟節點，則margin-left的值會出現雙倍邊距，見圖10。

層級關係為：

補充：當父元素為relative時，相對于父元素絕對定位，否則相對於body

**：參考：

另參考：

看了幾個講解定位的部落格，覺得還不錯，分享之部落格一 1，相對定位請注意，相對定位並沒有脫離文件流，雖然表現區脫離了原來的文字流，但是在文字流中還還有此相對定位的老窩這點要特別注意，因為在實際應用中如果相對定位的位移數值過大，那麼原有的區域就會形成一塊空白。2，絕對定位如果需要這個絕對定位...

層級關係為為改變參照物橘色框後的效果層級關係為參照物為最頂級的元素情況。層級關係為僅使用margin屬性布局絕對定位元素的情況此情況，margin bottom 和margin right的值不再對文件流中的元素產生影響，因為該元素已經脫離了文件流。另外，不管它的祖先元素有沒有定位，都...