Question

当我最小化浏览器时，我的页面有问题，横向说，并且溢出。当我从最小化滚动到隐藏部分时，我的整个页面部分是空白的。

有谁知道为什么会这样？我已将div设置为某个高度（即900px，而不是百分比）？

Answer 1

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

max-width的行为与width大致相同，而包含元素的宽度或宽度更宽，但当div小于您设置的宽度时，{{1}}会收缩。

有一个简单的例子here。拉伸并调整右下方面板的大小以查看其运行情况。如果这不起作用，我们需要在JSFiddle上看到页面链接或演示。

Answer 2

以下是您的解决方案：

<强> 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％宽度的背景颜色，并且在＆lt; IE8。您可以在div.container（浮动，位置等）中执行任何操作，它将展开.wrapper元素（从而垂直扩展背景颜色）。您将不会在右侧遇到空白区域，因为背景颜色应用于包装，其宽度为100％。

每个div.wrapper都应被视为“部分” - “标题”，“功能”，“内容”，“页脚”等......

最小化浏览器时，滚动时有一个空白区域

2 个答案: