添加一个“不固定”的div

Question

我想尽可能地解释自己。

我有一个<div>，我在其中添加了其他<div>用户可以通过拖动和调整大小来操作（为此它使用JQuery库）。当我添加几个div（使用append（html））时会出现问题;假设用户拖动他想要的位置的第一个细节，然后添加第二个<div>。 （从这里有一个问题。如果第一个被划分为0号坐标，0和高度为50px，则第二个<div>出现在坐标0,51中（未通过）并将其放置在其他位置。 ..第二个问题（比第一个问题重）是如果你调整第一个分割，第二个<div>会受到影响;我解释一下，如果它使第一个<div>海更高，第二个<div>向下移动，那么当div变短时，它就会相同。

我用以下图片解释它，<div>是黑框的那些，彩色矩形是背景图像：

如您所见，有三<div>个;左边的<div>是最后一个加入。

如果我们放大上一个<div>（左），那么其他两个<div>也会向下滚动，就像第一个<div>推动它们一样，但在视觉上它们不是连续的：

我知道这必须为DOOM做到这一点，即使它们被JavaScript操纵，它们也会紧挨着对齐，但我想知道是否有任何方式（使用CSS或其他）{{1不会妨碍它们，它们不会“坚固”，它们会崩溃或任何可以帮助我避免这个问题的东西。

Answer 1

由于您没有包含您的代码，我只能猜测。

您应该使用position: absolute;来定位子div。父div应使用position: relative;

进行样式设置