html - 如何使用-ve边距将一个div拖到另一个div下方，并将其拖到下面？

我有一个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隐藏了女主角，我希望女主角可见。以下是屏幕截图。



粉色div被蓝色div隐藏。我希望粉色div可见。 Here是现场演示。我该如何实现？

最佳答案

添加到.diva：

    position:relative;
    z-index:10;

DEMO