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

我试图定位一个div，在父div中单击鼠标

正如您可以在此处看到的那样，这很好：

现在，我将该div的顶部和左侧值存储在MYSQL数据库中

然而，当我从mysql数据库中获取这些值并将它们用于我页面上的一个div时，这个div的位置与我最初单击的位置不同！我不知道为什么会这样

这就是我如何从mysql中获取顶部和左侧值，并在页面内的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>

我是否缺少什么，或者我需要改变什么

任何帮助都将不胜感激

---

提前感谢。

绝对定位块搜索具有位置集的最近父对象，我认为这是您面临的问题。

---

为parentDiv定义一个位置，至少位置：相对。

有错误吗？您是否提供px单元？@RayonDabre、javascript错误或php错误？我使用的代码与您在JSFIDLE中看到的代码完全相同，用于定位div，我在div.top中单击，然后左键在可见屏幕上显示当前位置。您必须考虑window.scrollTop。位置上的差异有多大？你在点击前会滚动页面吗？@Zealander，差别很大。事实上，我从数据库中提取的所有内容都会转到父div的左角。不，在单击父div内部之前，我不会滚动页面。您是否从api请求中获得了正确的值，如果是，则这不可能不起作用。但是在JSfiddle中，parentDiv没有设置任何位置。是，但在我自己的网页上，它确实。。很抱歉没有在那里提及此事！