Safari页面高度问题

Question

我已经在我开发的众多网站上遇到过这个问题，现在看来我也在我的个人网站上体验过它。问题是，如果页面的内容超过浏览器窗口的高度，顶部的导航栏将从应该位于的位置（它移动了几个左侧的像素）移开。

在about和home页面上，由于页面内容没有超过浏览器窗口，所以导航栏显示在正确的位置。但是，在联系人页面上，表单导致位置向左移动，我不知道为什么。

感谢所有的帮助/想法提前，我一直在玩这个好几个小时，而且我想我必须在某个地方做一个疏忽！

Answer 1

使用overflow-y: scroll;当页面的内容不再适合垂直固定，浏览器增加了一个滚动条到窗口的右侧。这会更改浏览器窗口中的可用宽度，因此，相对于窗口右侧居中或定位的任何内容都会向左移动一点。这很常见。

有很多方法可以控制这个，但最常见的是要么通过控制窗口上的overflow-y属性来使其始终具有滚动条或从不具有滚动条。

设置overflow-y: scroll将强制滚动条始终在那里。

设置overflow-y: hidden将强制在那里永远不会滚动条。

Answer 2

发现问题：它是页面侧面的滚动条导致它移动过来！

它可以随时显示scollbar，在内容