Jquery 如何在不受其他元素影响的情况下将元素添加到指定位置？

我想通过鼠标单击将元素放在页面上，正好放在用户单击的位置。因此，我通过

.append（）

向div输入一个字符串

问题是：如何在没有其他元素影响的情况下将两个元素输入到div中。我试着用边距表示绝对位置，用顶部和左侧表示相对位置，但没有结果

在这里，我通过点击generator1和generator2简化了我要做的事情，页面上应该并排出现两个按钮，但每一个按钮都显示在一行上

嗯，还有一件事：“我是CSS中的n00b”；）

演示：

绝对定位元素不会影响其他元素，因为它已从文档流中删除。另外，只需使用

top

和

left

，而不是

margin top

，

margin left

。 绝对定位元素将自身定位在离其最近的非静态父元素的位置。在上面的演示中，我已将容器的位置更改为

相对

——因此新的

绝对

定位元素将其

顶部

/

左侧

值基于其容器

编辑：我已经更新了演示，为第一个生成器按钮添加了随机的

top

/

left

值，以说明没有其他元素受到新生成元素的影响

第二次编辑：我添加了另一个单击处理程序来演示如何相对于用户单击的位置定位元素，您提到了这一点

演示：