为什么我的某些标签会导致我的内容略微向右移动？

Question

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

请参阅此处查看我的代码,因为此处粘贴时间过长.我不认为我的JavaScript文件会在切换标签时影响页面的外观,但如果是这样,我会在需要时将它们附加到此处.

注意从以下其中一个选项卡切换时,页面的内容如何被几个像素右移:Personal Info,State/Federal,Ethnicity,Birthplace/Language,Medical,或School Release选项卡,要么Contact/Siblings,Placement或Emergency Contact标签.

Answer 1

我相信这是因为内容高度,在某些标签上,垂直滚动条会显示并推送导致移位的内容.您可以滚动通过增加显示的所有时间overflow-y: scroll;的body元素.

body {
    overflow-y: scroll;
}