css - 顶部定位：-px

Question

我正在重叠一个 div（div2 over div1），top: -50px;用来将其向上推。现在这在下一个 div (div3) 之前留下了 50px 的位置。我怎样才能“清除”它并使 div (div3) 正好落在我定位 -50px 的 div (div2) 之下？

<div id="div1" style="width: 1000px; height: 90px; background: red;"></div>
<div id="div2" style="position: relative; top:-50px; width: 1000px; height: 90px; background: blue;"></div>
<!--50 wasted pixels here-->
<div id="div3" style="width: 1000px; background: green; height:90px;"></div>

Answer 1

添加margin-top: -50px到您的#div3：

<div id="div3" style="width: 1000px; background: green; height:90px; margin-top: -50px;"></div>

小提琴：http: //jsfiddle.net/N7z6e/