为什么此div在Chrome中加载不一致？ 有毛病吗

Question

我有在Windows 7 Professional 64位上运行的Chrome版本33.0.1750.154 m

几年前，我创建了这个WP插件，可以很好地工作（当然可以使用改进），它可以显示缓存的风格化Google日历。 今天，当我将其放到另一个网站时，我遇到了明显的浏览器绘制错误，但仅在该网站上，这使我相信存在某种CSS冲突。

我从http://ebcbuffalo.com/calendar/ （在同一浏览器中显示没有错误）完整地压缩了该插件，并将其安装在新的网站上： http : //faithbaptistspringville.com/monthly-calendar/ 。 如您所见，它们看起来相同。

当我在日历上单击日历上的一个事件时，它可能会也可能不会正确绘制div，即使它确实正确地绘制了它，在关闭事件并单击更多事件后也总是会导致绘制错误。 当它无法正确绘制时，要按原样查看div，我只需在Chrome中单击另一个选项卡，然后单击回到该选项卡。 宾果游戏（Bingo）–在那儿（直到我向下滚动，看起来好像是绝对定位的，实际上它是固定的，然后尝试单击其链接，它们……真的不在那里）。

我以为JS可能有些问题，所以我从Chrome控制台运行了最基本的命令： jQuery('#id_popup').show(); 和jQuery('#id_popup').hide(); 但它的行为也很奇怪。

我确信这是Chrome的错误，但是为什么它只会感染此网站（faithbaptistspringville.com）？

这是工作中的一个：

这是错误的2张屏幕截图（重新绘制的方式完全是随机的）

Answer 1

我不能真正弄清楚为什么可以解决这个问题，但是在我的Chrome（重现了问题）中，我通过将devtools中的CSS更改为#id_popup来使用position: absolute;来解决了问题position: absolute; 而不是固定的。