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