我在我开发的众多网站上遇到过这个问题，现在看来我也在我的个人网站上遇到过这个问题。问题是，如果页面内容超出了浏览器窗口的高度，则顶部的导航栏将从应该位于的位置移位（它向左移动几个像素）。
在about和主页上，由于页面内容不超过浏览器窗口，导航栏显示在正确的位置。但是，在联系页面上，表单会导致位置向左移动，我不确定原因。
提前感谢所有的帮助/想法，我已经玩了几个小时，我想我必须在某个地方进行疏忽！
答案 0 :(得分：2)
当页面内容不再垂直放置时，浏览器会在窗口右侧添加滚动条。这会更改浏览器窗口中的可用宽度，因此相对于窗口右侧居中或定位的任何内容都会向左移动一点。这很常见。
有很多方法可以控制它，但最常见的方法是通过控制窗口上的overflow-y属性使其始终具有滚动条或永远不会有滚动条。
设置overflow-y: scroll将强制滚动条始终存在。
设置overflow-y: hidden将强制永远不会成为滚动条。
答案 1 :(得分：0)
发现问题：它是页面一侧的滚动条导致它转换！
可以通过始终显示scollbar来修复，使用内容
上的overflow-y: scroll;