css - 带有子菜单的菜单项将某些像素的所有内容向右切换

Question

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

如果我理解问题，我将使用适当的 html 代码更新问题。

如果您访问网站http://tax.allfaces.lv/，您将看到三个菜单项。如果您单击第一个或第三个菜单项（主页和联系我们），那么一切都很好。

商家包含子菜单。这不是很明显，但是如果您单击第二个（商家），那么您会看到整个内容与主页和联系我们页面相比向右移动了一些像素。如果你只是一个一个地点击“首页”和“商户”，你可以看到“商户”所有的内容都是右边的一些像素。

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

Answer 1

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

Answer 2

这是因为侧面的滚动条消失了；）您可以做的是在每一页上显示滚动条，这样它就不会移动。

Answer 3

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

body {
    overflow-y: scroll;
}