宽度：调整窗口大小时100%调整大小（CSS）

当我将页眉和页脚设置为100%时，我在Mac OS X上的FF4、Safari 5和Chrome 12中会出现一些奇怪的行为。如果我的浏览器窗口具有高分辨率并将其缩小，则会出现水平滚动条，即使内容应随浏览器窗口的大小而缩放

我看到这个线程似乎有类似的问题，尽管用户似乎从未找到解决方案：

Overflow-x对我不起作用，因为错误标签是绝对定位的，它的行为就像固定定位的一样

此处演示（模糊错误）：

---

提前感谢

查看CSS和html后，页眉和页脚都位于“container”类的div中，该类定义为980px的宽度，因此它们都将缩小到980px的宽度，这是我在Windows 7中测试的浏览器中看到的行为（抱歉，没有访问MacOSX的权限）. 您是否看到了一些不同的东西，或者您正在尝试将它们缩小到980px以下？如果后者为真，则需要将它们从容器类中拉出。

查看CSS和html后，页眉和页脚都位于一个div中，类为“container”，其宽度定义为980px，因此两者都将缩小，直到宽度达到980px，这就是我在Windows7中测试的浏览器中看到的行为（很抱歉，我没有访问MacOSX的权限）。您是否看到了一些不同的东西，或者您正在尝试将它们缩小到980px以下？如果后者为真，则需要将它们从容器类中拉出。

问题是由

#overlay

引起的。您已经设置了可见性：隐藏。这会隐藏内容，但仍会占用页面空间。如果将其更改为

display:none

，则会隐藏内容及其占用的空间，从而停止该过程中的滚动条

#覆盖

在页面缩小时动态指定宽度/高度。正如您在下面看到的，它曾一度达到

宽度：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>

---

该问题是由

#overlay

引起的。您已经设置了可见性：隐藏。这会隐藏内容，但仍会占用页面空间。如果将其更改为

display:none

，则会隐藏内容及其占用的空间，从而停止该过程中的滚动条

#覆盖

在页面缩小时动态指定宽度/高度。正如您在下面看到的，它曾一度达到

宽度：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>

谢谢您的帮助！一个旁注，供其他人旁听；MooTools元素。fade（）不设置display:none；当不透明度达到0时，设置可见性：隐藏；谢谢你的帮助！一个旁注，供其他人旁听；MooTools元素。fade（）不设置display:none；当不透明度达到0时，设置可见性：隐藏；