鼠标点击并在数据库中存储位置的位置div？

Question

我正在尝试定位一个div，在父div中单击鼠标。

这可以正常工作，如您所见：http://jsfiddle.net/7s2mykr9/1/

现在，我将该div的top和left值存储在MYSQL数据库中。

但是，当我从mysql数据库中获取这些值并将其用于我的页面上的div时，此div与我最初点击的位置不同！我不知道为什么会这样。

这是我从mysql获取top和left值的方法，并在我的页面中的div中使用它们：

<div id="parentDiv">
<divstyle="position: absolute; z-index: 1000; width: 40px; height: 40px; border-radius: 50%; text-align: center; left: <?php echo $left; ?>; top: <?php echo $top; ?>">
</div>
</div>

我缺少什么或者我需要改变什么吗？

任何帮助将不胜感激。

提前感谢。

Answer 1

绝对定位区块搜索具有位置集的最近父级，我认为这是您面临的问题。 定义parentDiv（至少position:relative）的位置。