如何在不知道绝对位置的情况下让两个div重叠答案

【问题标题】：How to make two divs overlap without knowing the absolution postion如何在不知道绝对位置的情况下让两个div重叠
【发布时间】：2019-09-14 20:16:49
【问题描述】：

我需要两个 div 看起来有点像这样：

    |               |
 ---|    DIV I      |------------------------
|   |_______________|                       |
|             DIV II                        |

如果我知道绝对位置，这很容易，但是我的 div 可以用 JQuery .draggable() 拖动，所以位置是未知的。

我怎样才能完成这项任务？

【问题讨论】：

可以拖动哪些 div（或多个 div），以及沿着哪些轴？

标签： javascript jquery html css css-position

【解决方案1】：

如果您将 div I 相对定位在 div II 内，您可以使用负边距将其绘制在“div II 之外”。例如：

.divi {
    width: 200px;
    height: 70px;
    margin-top: -40px;
    margin-left: 30px;
}

但是，如果 divi 也可以拖动，那么使用纯 css 进行这项工作可能会有些麻烦。

【讨论】：

【解决方案2】：

如果您需要您的徽标位于内容 div 上方，但可以随时移动两个 div 或其中一个，您是否尝试过使用徽标 div z-index 作为 z-index:9999 这样非常高的东西;确保它始终显示在内容 div 上方（如果我当然正确理解了这个问题）。

【讨论】：