2011-03-10 39 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

简单地说,相对定位将直观地移动相关元素的内容,而不会影响其在页面流中的位置。另一方面,利润率相对于其自然位置推动或拉动元素,从而影响布局。