至少根据我的经验，这是一个非常奇怪的错误。
我已经制作了该站点的测试版本，因此您可以实时查看它 here .
重现步骤:
进入网站，你会看到 #thelist 应该是这样:
当你做一个简单的刷新时，问题就出现了，我在一台 Windows 机器上，所以 Ctrl+R 或 F5。
现在 #thelist 将改变它的位置:
解决这个问题的主要问题是，当我尝试检查元素时，它会立即回到正确的位置...
另请注意，如果您执行硬刷新 Ctrl+Shift+R 或 Ctrl+F5 然后元素将返回到它的正确位置。
这怎么可能，是什么原因造成的？如何解决？
最佳答案
在 #imgSlot 上，在 HTML 中设置尺寸:
<img id="imgSlot" src="img/slot.png" width="322" height="147">
问题不再发生。
您的原始代码:http://jsbin.com/efejay
这显然是一个 WebKit 错误。我认为这与缓存的图像有关。我过去也见过类似的事情，但通常涉及 JavaScript。例如:jQuery height() returning false values
关于jquery - Chrome 在刷新后更改样式并在我右键单击以检查它时更正它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10709557/