CSS-当一个div位于折叠下方时，标题会跳转

我在这件事上一直很紧张

这是我的问题：我有两个页面，其中带有徽标和登录详细信息的标题应该始终保持在同一个位置。在其中一页上，我注意到页眉的移动取决于下面一个div的长度

页面如下：

如果删除一大块lorem ipsum文本（以便所有内容都适合您的视口），您会注意到标题会回到它应该位于的位置。这就好像div太长的事实对上面的div有影响

有什么问题吗

您可以与第二页并排比较，标题应始终位于此处：

非常感谢您在这方面花时间

---

纪尧姆

问题是由于滚动条缩小了屏幕的宽度，因此所有居中对齐的东西都会被迫移动

我建议您在CSS中使用以下代码强制垂直滚动条始终显示

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

---

在JSFIDLE中重现这个问题，因为您的网站不可访问，所以更容易提供帮助删除位置：相对；这在已经有一个滚动条的页面上给了我一个双滚动条（Chrome56）。