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

Question

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

请参阅here了解我的代码，因为此处粘贴时间过长。我不认为我的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;
}