当浏览器最小化，滚动时有一个空白空间

-2

当我最小化一个浏览器，水平地说，和theres溢出我的页面有问题。当我从最小化滚动到隐藏部分时，整个页面部分都是空白的。当浏览器最小化，滚动时有一个空白空间

有谁知道为什么会发生这种情况？我已将div设置为一定的高度（即900px，而不是百分比）？

来源

2011-10-02 hellomello

这真的很难说没有标记/ css和（* *还**）示范。 –

浏览器需要多少才能发生这种溢出？ – Bojangles

我有一吨的CSS，它看起来像没有任何通常会导致此问题。我只是想知道如果有人遇到过这个溢出问题或者不是。 @JamWaffles：当它达到我的设置宽度时开始发生; – hellomello

从您的评论，这可能是你的问题;你的固定宽度。尝试用max-width代替width。

max-width将表现大致相同width而包含的元素是宽或更宽，但将允许div到时，它变得比设置的宽度收缩。有一个简单的例子here。拉伸并调整右下方的面板以查看其实际效果。如果这不起作用，我们需要在JSFiddle上看到页面链接或演示。

来源

2011-10-02 21:48:03 Bojangles

这里是你的解决方案：

CSS

.wrapper { 
    display: block; 
    width: 100%; 
    padding: 10px 0; /* add some top + bottom padding */ 
    background-color: #252525; 
} 
.aligner { 
    display: block; 
    width: 960px; /* site width */ 
    margin: 0 auto;  
} 
.container { 
    display: inline-block; 
}

HTML

<div class="wrapper"> 
    <div class="aligner"> 
     <div class="container"> 
      // stuff 
     </div><!-- /container --> 
    </div><!-- /aligner --> 
</div><!-- /wrapper -->

这不是最漂亮的，但它可以让你扔100％的宽度背景 - 颜色在任何部分，并在< IE8中工作。你可以在div.container（float，position等）中做任何你需要的东西，它会扩展.wrapper元素（从而垂直扩展你的背景颜色）。由于背景颜色应用于宽度为100％的包装，因此您不会在右侧遇到空白区域。

每个div.wrapper应被视为一个“节” - “页眉”，“功能”，“内容”，“页脚”，等等......

来源

2011-10-02 23:46:51 Ben

当浏览器最小化，滚动时有一个空白空间

回答

相关问题