包装器上的跨浏览器对齐问题

Question

Here是我正在谈论的网站的链接。

我的问题是，当您在主导航中的不同页面之间导航时，主包装器不会在我使用的不同页面上对齐。因此，如果您在主页上并单击主导航栏中的“WMH”，则整个页面向左跳跃大约8px。

这会在我的客户真正不喜欢的页面之间产生抖动。我在css中使用了一些padding-left和padding-right来正确对齐它。不幸的是，当我在Firefox中获得完美像素时，在Chrome和Safari中它是错误的。如果我在Chrome中获得完美的像素，它会在Firefox中产生不安。这非常恼人。我不想为Chrome，Firefox，IE，Safari编写单独的样式，除非它确实是唯一的解决方案。

感谢您的反馈。 阿奇。

Answer 1

浏览器滚动条看起来是导致这种情况。您可以强制始终显示可以解决问题的滚动条。将其添加到您的CSS：

html {overflow-y: scroll;}

一旦上述样式出现在CSS中，您可能还需要删除尝试解决问题的填充。