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

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

由于垂直滚动条出现，它会移动。另外，对应于“巴塞罗那”的图像在firefox中显示错误的位置。也许在下一张图片显示之前旧图片没有被删除，这会迫使它显示在下面吗

---

除了图像定位之外，还有一个好处是将

overflow-y:scroll

设置为

html

。它将强制滚动条始终可见（我知道可能不是最好的外观），但作为交换，当导航到不同的页面时，页面不会移动（一些页面可能很长，因此滚动条显示，一些没有滚动条，并且没有滚动条）

当您单击“巴塞罗那”时加载的图像比其容器宽。您可以缩小该图像的宽度，也可以将图像容器加宽一点。

使用最新的Chrome版本查看您的网站时，没有这样的问题。当你注意到错误时，你使用了哪个浏览器？我正在使用chrome。可能转到并单击任何产品。你可以看到Firefox5或IE9中也没有问题。你在你的问题中一直链接同一个页面。我去过链接。我想我明白你的意思了。你确定你看到的不仅仅是页面移动，因为当你转到产品页面时滚动条消失了吗？分辨率也是一个因素。。。我想你有一个高分辨率监视器，@Viruthagiri？