Javascript 为什么我的一些标签会导致我的内容稍微向右移动？

我已经为我正在构建的一个注册站点创建了一个非常粗糙的模型，该站点使用引导选项卡。但是，当我选择一些选项卡时，我注意到所有内容都向右移动了几个像素

请参阅以获取我的代码，因为它太长，无法粘贴到此处。我不认为我的JavaScript文件会在切换选项卡时影响页面的外观，但如果是这样，如果需要，我会将它们附加到这里

---

请注意，当从以下选项卡之一切换时，页面内容向右移动了几个像素：

个人信息

，

州/联邦

，

种族

，

出生地/语言

，

医疗

，或

学校发布

选项卡切换到

联系人/兄弟姐妹

，

放置

，或

紧急联系人

选项卡。

我相信这是因为内容高度，在某些选项卡上，垂直滚动条会显示并推动内容，从而导致移动。您可以通过添加

overflow-y:scroll使滚动条始终显示到
主体
元素

body {
    overflow-y: scroll;
}

您使用哪种浏览器？某些浏览器会隐藏滚动条，直到内容超出浏览器窗口。检查您的某些选项卡是否正在激活滚动条