DIV定位与位置：相对

Question

我有一个页面布局，在那里我必须设置一个div相对和顶部的位置：-30px DIV被定位在相对位置和顶部：-30完全相同。

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

Answer 1

确定位置：绝对;及其父母的位置：亲属;

这应该工作:)

Answer 2

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将位于页面顶部。