Chrome在刷新后更改样式，并在我右键单击以检查它时进行更正

至少根据我的经验，这是一个非常奇怪的错误。

我已经制作了该网站的测试版本，因此您可以在此处看到它。

重现步骤：

进入该网站，你应该看到#thelist就好了：

当你做一个简单的刷新我在Windows机器上，所以Ctrl + R或F5 。

现在#thelist将改变它的位置：

修复此问题的主要问题是，当我尝试检查元素时，它会回到正确的位置……

另请注意，如果您执行硬刷新Ctrl + Shift + R或Ctrl + F5，则元素将返回到正确的位置。

这怎么可能，导致这种情况的原因是什么？ 怎么解决？

Answer 1

在#imgSlot ，在HTML中设置尺寸：

而问题不再发生。

您的原始代码： http ： //jsbin.com/efejay

尺寸： http ： //jsbin.com/efejay/2

这显然是一个WebKit错误。 我认为这与缓存的图像有关。 我以前见过类似的东西，但通常涉及JavaScript。 例如： jQuery height（）返回false值

Answer 2

在#rightColumn上尝试position：relative ，并使用top和left定位元素而不是margin