我想通过鼠标单击将元素放在页面上，正是用户单击的位置。所以我在 div 中输入一个字符串.append()。
问题是：如何在没有其他元素影响的情况下将两个元素输入到 div 中。我尝试了边距的绝对位置和顶部和左侧的相对位置，但没有结果，
在此（演示..）中，我通过单击 generator1 和 generator2 简化了我正在尝试做的事情，页面上应该并排出现两个按钮，但每个按钮都出现在一行上。
嗯，另一件事：“我是 CSS 中的 n00b”；）
问问题
150 次
1 回答
2
演示：http: //jsfiddle.net/KADqt/2/
绝对定位元素不会影响其他元素，因为它已从文档流中移除。此外，只需使用top, 和left, 而不是margin-top, margin-left。绝对定位元素会将自己定位在离它最近的非静态父元素上。在上面的演示中，我将容器的位置更改为relative- 因此新absolute定位的元素将基于其容器的top/left值。
编辑：我更新了演示以包含第一个生成器按钮的随机top/left值，以说明没有其他元素受到新生成的元素的影响。
第二次编辑：我添加了另一个点击处理程序来演示如何相对于用户点击的位置定位元素，您提到了想要的位置。
演示：http: //jsfiddle.net/KADqt/4/
于 2012-06-24T21:34:15.457 回答