带子菜单的菜单项会切换右侧某些像素的所有内容

Question

我绝对知道你会关注这个问题，但我不能在jsfiddle或自定义html中重复这个问题，所以我只能用网页显示它。

如果我理解了这个问题，我会用适当的HTML代码更新问题。

如果您访问网站http://tax.allfaces.lv/，您会看到三个菜单项。如果你点击第一个或第三个菜单项（Home和Contact US），那么一切都很好。

商家包含子菜单。它不是那么明显，但如果你点击第二个（商家），那么你会看到整个内容与Home和Contact Us页面相比向右移动了一些像素。如果您只是逐个点击“主页”和“商家”，您可以看到“商家”的所有内容都是右侧的一些像素。

编辑： 这与网页高度和滚动条有关。

Answer 1

这是因为滚动条消失了，因为所有内容都适合页面：）

Answer 2

因为侧面的滚动条消失了;） 您可以做的是在每个页面显示滚动条，使其不会移动。

Answer 3

将此代码添加到您的身体以始终保持滚动条以避免此问题

body {
    overflow-y: scroll;
}