当将页眉和页脚设置为100%时，在Mac OS x上的FF4, Safari 5和Chrome 12中会出现一些奇怪的行为。如果我将浏览器窗口设置为高分辨率并将其缩小，则会出现水平滚动条，即使内容应该与浏览器窗口一起缩放。
我看到这个线程似乎有一个类似的问题，虽然用户似乎从来没有找到一个解决方案:
Overflow-x对我不起作用，因为绝对定位的错误标签将表现为固定定位。
DEMO这里(错误在模糊):
http://kassekladde.tixz.dk/kontakt-os/Thanks in advance
问题由#overlay引起。已设置visibility:hidden。这隐藏了内容，但允许它仍然占用页面上的空间。如果你把它改为display:none，它会隐藏内容和它占用的空间，停止滚动条在这个过程中。
#overlay被动态地给定一个宽度/高度。如下图所示，它一度达到了width:1711px，因此出现了滚动条:
<div id="overlay" class="overlay" style="width: 1711px; height: 1489px; visibility: hidden; opacity: 0; position: absolute; background: none repeat scroll 0% 0% rgb(0, 0, 0); left: 0px; top: 0px; z-index: 5000;"></div>
看完CSS &html，页眉和页脚都在一个div类'container'，这被定义为980px的宽度，所以两者只会缩小，直到他们达到980px的宽度，这是我在Windows 7测试的浏览器中看到的行为(对不起，不能访问MacOSX)。你是否看到了一些不同的东西，或者你试图将它们缩小到980px以下?如果后者为真，则需要将它们从容器类中拉出。