DIV定位与位置：相对

Question

我有一个页面布局，我必须设置div相对位置和顶部：-30px DIV位于相对位置和顶部：-30非常明显。

但是下面的DIV然后在顶部30px距离。有没有办法解决这个问题。

Answer 1

position: relative没有按我认为的那样做。这意味着其中绝对定位的元素相对于相对div而不是页面定位。例如：

<div id="header">Header</div>
<div id="content">
  <div id="c1">Content One</div>
  <div id="c2">Content Two</div>
</div>

与

#header { position: absolute; top: 0; left: 0; height: 150px; width: 100%; }
#content { position: relative; margin-top: 150px; height: 500px; }
#c1 { position: absolute; top: 0; left: 0; }
#c2 { position: absolute; top: -50px; left: 0; }

c1将位于下方div的顶部，而不是页面顶部。 content距离页面顶部150像素。由于负顶部，c2将位于其上方。 header将位于页面顶部。

Answer 2

使其位置：绝对;及其父级职位：亲属;

这应该有效：）