html - 为什么页面移动到顶部并带有溢出 :hidden? 的容器

Question

我遇到了一个非常奇怪的问题。它存在于每个浏览器中。

一切正常，直到您尝试使用散列(例如我页面中的#contactUs)转到某个部分...试试这个 url:http://mahersalam.co.cc/projects/2011/#contactUs

您会看到页面向顶部移动 10 像素。如果你去掉散列，它又可以工作了。

我在页面 (#container) 上有一个溢出:隐藏的包装器，我这样做是为了确保在分辨率发生变化时不会出现滚动条。如果您删除 overflow 属性，它也会起作用。

我想移动是通过滚动条的位置发生的，但因为它是隐藏的，所以它的位置只会停留。

那么有人知道如何解决这个问题吗？

编辑:

我找到了解决方案并将其写在答案中。

Answer 1

这确实是一个美观的布局。非常好。

任何人，溢出似乎是从 #headerWrap 的上边距中取出一大块，并为我将其添加到页面底部，正好是 16 像素。

到目前为止，我所尝试的一切都没有奏效。能不能搞定#container不会水平溢出？

---

编辑:没关系；以下不起作用...
将 #container 的样式从 overflow: hidden; 更改为 overflow-y: hidden; seems在 Firefox 上工作 不是一个非常可靠的解决方案。