覆盖jquery可拖动div

我试图创建一个可选的可拖动div，它在某些情况下显示。这确实对我有用。初始位置很好，但新的div将面板推到了更下方。现在，我希望可以拖动的面板显示在其余面板的顶部（无需重新排列现有面板）。 下面是代码，我在我的网站上放了一个js库和css的例子：（不确定stackoverflow策略是什么，因为我可能不会永远把它放在那里）

---

非常感谢任何帮助

使叠加div不会干扰周围的元素，请使用绝对定位

将CSS更改为：

#draggable {
    border:     3px solid red;
    padding:    0.5em;
    width:      120px;
    position:   absolute !important;
    left:       113px;
    top:        69px;
}

.
调整

左侧

和

顶部

以适应口味。一旦开始拖动，这两个值将被忽略

---

请注意，

绝对值！重要的，因为UI可拖动插件会自动添加
位置：相对和文档没有指出更容易覆盖它的方法。
要使覆盖div不干扰其周围的元素，请使用绝对定位

将CSS更改为：

#draggable {
    border:     3px solid red;
    padding:    0.5em;
    width:      120px;
    position:   absolute !important;
    left:       113px;
    top:        69px;
}

.

调整
左侧
和
顶部
以适应口味。一旦开始拖动，这两个值将被忽略

请注意，
绝对值！重要的，因为UI可拖动插件会自动添加
位置：相对和文档没有指出更容易覆盖它的方法

#draggable {
    border:     3px solid red;
    padding:    0.5em;
    width:      120px;
    position:   absolute !important;
    left:       113px;
    top:        69px;
}