2011-03-10 96 views
16

我遇到過很多涉及負邊距的佈局技術,例如用於側邊欄定位的classic。看起來這些技術可以很容易地應用於相對定位。負邊距vs相對定位

因此,不是這樣的:

.sidebar { 
    margin-left:-600px; 
} 

人會做這樣的:

.sidebar { 
    position:relative; 
    left:-600px; 
} 

好像相對定位甚至可以在垂直方向上清潔劑, 作爲頂級利潤操縱可能受崩盤保證金問題影響等。

相對於其他優勢,還是它們實際上相當?

Thanks-

+0

這很難解釋這一個沒有圖形,我現在懶得做。 – animuson 2011-03-10 06:36:28

+0

我不認爲負面的左值在safari中有效,與'相對位置'有關。 – Ani 2014-07-10 14:36:52

回答

22

我想相對定位將內容轉移到左側,但原有的空間將通過它,除非你做下一個元件相對於太佔用。然而,利潤率爲負數的內容和原來的空間都發生了變化。

2

位置屬性和負餘量都有使用,沒有人比另一個更好。這取決於你想要做什麼。當你想將它左右上下移動時,你不會相對或絕對地放置每個元素。假設您有一個簡單的<p>標籤,您想要將其移動到左側,您不必爲其移動位置屬性。保證金是使用的正確方法。保證金將影響您網站上其他元素的位置,因爲頭寸將浮動而不影響其他元素的位置。 position屬性雖然可以用於很多方面,但它主要用於使您的網站變得不可或缺的主要元素:示例,頁眉,頁腳,包裝器,菜單,內容離開,內容正確。

+2

@ Hussein-你能減少你的答案嗎? 「保證金會影響您網站上其他元素的位置,因爲位置不會。」應該是你的答案 - 你所有的陳述都是主觀的。 – Yarin 2011-03-10 13:57:41

7

簡單地說,相對定位將直觀地移動相關元素的內容,而不會影響其在頁面流中的位置。另一方面,利潤率相對於其自然位置推動或拉動元素,從而影響佈局。