CSS像素移位问题。页面移动到某些像素，然后恢复正常

Question

我在CSS中有一些问题。 Check this page。如果您点击该页面中的“巴塞罗那”链接，您可以看到整个页面向右移动10个像素并恢复正常。为什么会这样？有帮助吗？感谢

Answer 1

由于垂直滚动条显示而移动。对应于“barcelona”的图像也显示在firefox的错误位置。也许在下一个显示之前不会删除旧图像，这会强制它显示在下面？

除了图像定位之外，overflow-y:scroll设置html是件好事。它将强制滚动条始终可见（我知道也许不是最好的外观）但是作为交换，页面在导航到不同的页面时不会移动（有些可能很长，因此滚动条显示，有些没有并且没有滚动条）

Answer 2

点击“巴塞罗那”时加载的图像比它的容器宽。您可以减小该图像的宽度，也可以使图像容器更宽一些。