Javascript 如何在不知道绝对位置的情况下使两个div重叠

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

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

如果我知道绝对位置，这是一项简单的任务，但是我的div可以用JQuery.draggable（）拖动，因此位置未知

---

如何完成此任务？

如果您需要您的徽标位于内容div之上，但两个div都可以随时移动，或者其中一个div可以移动，您是否尝试过将徽标divs z-index用作真正高的z-index:9999；为了确保它始终显示在内容div的上方（当然，如果我正确理解了问题的话）。

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

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

但是，如果也可以拖动divi，那么使用纯css时可能会遇到一些问题。

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