为什么这个职位没有改变？而且，我如何改变它？

Question

我有一个日历页面，我正在尝试定位事件。与您看到的大多数javascript日历（谷歌日历等）不同，日历上方的动态内容会根据ajax调用的大小而波动。所以，我需要一个函数，当页面大小改变时，我可以调用它来将事件定位在日历上。对于我的第一步，我在页面上绘制一些静态div，然后尝试在页面加载时将它们放在日历上。事件应该浮动在日历之上，事件的顶部排列到浮动的日历单元格。

我在JSFiddle上有代码：http://jsfiddle.net/LrEEA/ 自JSFiddle去世以来，代码就在这里：http://midas.sleepex.com/calendar.html

当我在运行脚本后检查chrome中的div时，它表示顶部和左侧坐标是正确的，但是div不在日历上。我做错了什么，我该如何做到这一点？

Answer 1

您正在使用position: absolute。除非您将事件的其他父元素列为position：relative，否则表示您的事件相对于整个文档的顶部/左侧定位。尝试将日历包装在position:relative的普通div中，然后将事件插入到div中，以便它们绝对位于div上，而不是文档。