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

将页眉和页脚设置为100％时，我在Mac OS X上的FF4，Safari 5和Chrome 12中出现一些奇怪的行为。如果我的浏览器窗口处于高分辨率和缩小水平滚动条会出现，即使内容应该与浏览器窗口一起缩放。宽度：调整窗口大小（CSS）时调整大小100％

我看到这个线程这似乎有类似的问题，但用户似乎从来没有找到一个解决方案： CSS 100% width on browser resize

溢出-X不为我工作，因为错误的标签，这是绝对定位，将表现为固定位置。

DEMO这里（上模糊的错误）：

http://kassekladde.tixz.dk/kontakt-os/

在此先感谢

来源

2011-08-18 Tixz

该问题是由#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>

来源

2011-08-18 22:46:27 tw16

Arr是的，你是完全正确的！ – Tixz

感谢您的帮助！其他人来到旁边的旁注; MooTools Element.fade（）不设置display：none;当不透明度达到0时，它设置可见度：隐藏; – Tixz

看在CSS & HTML后，页眉和页脚都是用类 '容器' 一个div内，它被定义为980px的宽度，所以两者只能缩小，直到达到980px的宽度，这是我在用Windows 7测试的浏览器中看到的行为（对不起，无法访问MacOSX ）。你看到不同的东西还是你想缩小比980px小？如果后者是真的，那么你需要将它们从你的容器类中拉出来。

来源

2011-08-18 22:00:59

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

回答

相关问题