负利润与相对定位

Yar*_*rin 22 html css layout margin css-position

我遇到了许多涉及负边距的布局技术,例如侧边栏定位的经典技巧.似乎这些技术可以很容易地应用于相对定位.

所以不是这样的:

.sidebar {
    margin-left:-600px;
}
Run Code Online (Sandbox Code Playgroud)

一个人会这样做:

.sidebar {
    position:relative;
    left:-600px;
}
Run Code Online (Sandbox Code Playgroud)

看起来相对定位甚至可能在垂直方向上更清晰,因为上边距操纵可能会受到边际问题崩溃等因素的影响.

一个在另一个上有任何优势,还是它们几乎相同?

谢谢-

anu*_*anu 26

我猜相对定位会将内容移到左边,但原始空间将被它占用,除非你使下一个元素相对.然而,在负边距的情况下,内容和原始空间都会发生变化.


Yar*_*rin 8

简单地说,相对定位会在视觉上移动相对元素的内容,而不会影响它在页面流中的位置.另一方面,边距相对于其自然位置推或拉元素,因此影响布局.