如何在没有元素冲突的情况下动态地将绝对定位元素添加到DOM容器中

Question

我有一个div＃容器，我动态添加各种​​大小的矩形和圆圈。这些矩形和圆圈是手动定位的，位置为：absolute。现在我如何确定这些动态添加元素的位置。我不想把元素放在另一个元素之上。

截至目前每当我向容器添加一个新元素时，我位于前一个元素右侧10px和10px的位置。这不是最佳方式。我可能会快速过度运行容器。

我的容器空间不足后，我想引入滚动条