如何使用-ve margin将一个div拖到另一个div下面，并将拖动的div放在下面？

Question

我有一个喜欢的HTML;

<div class="wrapper">
  <div class="diva"><br>diva<br>diva<br>diva<br>diva<br>diva<br>diva<br>diva<br>diva<br>diva<br>diva<br>diva</div>

</div>
<div class="divb">divb</div>

wrapper和divb div的宽度为100％，wrapper包含一个子div，其中包含一些文本。儿童div diva没有固定的高度，可根据文字进行伸展。我希望diva也将50px扩展到divb，并且我向divb添加了50px的-ve余量。但是divb隐藏了女主角，我希望diva可见。以下是截图。

粉色div被蓝色div隐藏。我希望粉红色的div可见。 Here是现场演示。我怎样才能做到这一点？

Answer 1

添加到.diva：

    position:relative;
    z-index:10;

DEMO