绝对定位div看起来不一样…在同一浏览器的不同实例中

Question

这是我遇到的一个奇怪的问题-我已经在像素中绝对定位了一个div，当我在网站上工作时，它在Google Chrome中看起来很棒。然而，div在我查看它的每个其他窗口中都被抛出，包括当我在Google Chrome隐身模式下打开网站时。我认为这可能是缓存的问题，但即使在我清空它之后，这种偏差仍然存在。我完全糊涂了。为什么它只在一个例子中看起来是正确的?

这是并排放置的两个窗口的屏幕截图:https://i.stack.imgur.com/OoYuk.jpg(左侧为正常查看模式，右侧为隐身模式)。

这是代码，它可以得到的最基本的:

#magic-book {
  position: absolute;
  top: 27px;
  left: 89px;
}

这个网站是www.charlotteenglish.com/home

在这种情况下，位置是相当重要的，因为它会影响一些文本的易读性。我正在使用Wordpress，但是我禁用了通常出现在页面顶部的管理工具栏。我可以登录到Wordpress吗?我想不出这有什么影响。

任何指导将不胜感激，谢谢。

编辑:好吧，这不是div在不同的窗口是不同的-这是整个网站。我想这稍微改变了问题，但根本的问题仍然存在。下面是另一个截图来演示:http://imgur.com/8bPyAfE

Answer 1

实际上它是完美的Chrome。第一个问题是什么?使用哪个浏览器和版本?是的……我在普通和隐身状态下都看过。应该是缓存问题。

1. 单击浏览器工具栏上的Chrome菜单。<<li>选择工具/strong>。
2. 选择清除浏览数据。
3. 在出现的对话框中，选择您想要删除的信息类型的复选框。
4. 使用顶部的菜单选择要删除的数据量。选择时间开始删除所有内容
5. 点击清除浏览数据。