使用Top定位：-px

Question

我使用top: -50px;重叠div（div1 over div1）来推动它。现在它在下一个div（div3）之前离开它50px。我怎样才能“清除”那个并使div（div3）正好位于div（div2）的正下方-50px？

<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/