5

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

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

重现步骤：

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

在此处输入图像描述

当您在 Windows 机器上进行简单刷新时，问题就出现了，所以Ctrl+R或F5.

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

在此处输入图像描述

我解决这个问题的主要问题是，当我尝试检查元素时，它会立即回到正确的位置......

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

这怎么可能，是什么原因造成的？如何解决？

4

2 回答 2

4

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

<img id="imgSlot" src="img/slot.png" width="322" height="147">

并且问题不再发生。

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

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

这显然是一个 WebKit 错误。我认为这与正在缓存的图像有关。我过去也见过类似的事情，但通常都涉及到 JavaScript。例如：jQuery height() 返回 false 值

于 2012-05-22T20:36:46.790 回答
2

尝试position: relative在#rightColumn上并将元素定位在顶部和左侧而不是边距

于 2012-05-22T20:24:50.870 回答