如何使用 -ve 边距将一个 div 拖到另一个 div 下方，并将拖到的 div 置于下方？答案

【问题标题】：How to drag one div below another using -ve margin, and make the dragged div beneath?如何使用 -ve 边距将一个 div 拖到另一个 div 下方，并将拖到的 div 置于下方？
【发布时间】：2018-03-12 00:49:47
【问题描述】：

我有一个类似的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 是现场演示。我怎样才能做到这一点？

【问题讨论】：

标签： html css

【解决方案1】：

添加到 .diva：

    position:relative;
    z-index:10;

DEMO

【讨论】：