一尘不染

负边距与相对位置

css

我遇到过许多涉及负边距的布局技术,例如这种用于边栏定位的经典方法。这些技术似乎可以相对容易地应用于相对定位。

所以代替这个:

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

一个可以做到这一点:

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

似乎相对位置在垂直方向上甚至可能更干净,因为上边距操纵可能会受到边距崩溃等影响。

一个相对于另一个有什么优势,或者它们实际上是等效的吗?

谢谢-


阅读 336

收藏
2020-05-16

共1个答案

一尘不染

我猜相对定位会将内容向左移动,但是除非您将下一个元素也设为相对,否则原始空间将被其占据。但是,如果页边距为负,则内容及其原始空间都会移动。

2020-05-16