窗口调整大小导致背景覆盖页面的其余部分

【问题标题】：Window resize causes background to cover rest of page窗口调整大小导致背景覆盖页面的其余部分
【发布时间】：2014-06-20 11:35:31
【问题描述】：

我正在使用 CSS 和 HTML 创建一个网页，但偶然发现了一个烦人的问题。当我调整浏览器窗口的大小时，背景颜色会覆盖右侧的页面部分。这听起来有点模糊，但幸运的是，我找到了一个网页，here 也发生了这种情况。将浏览器窗口拖动到屏幕的左侧或右侧（Win 7 和 8）将调整页面大小，当您查看页面的屏幕外部分时，您可以看到它被背景颜色“覆盖”。

我曾尝试在网上搜索此问题的解决方案，但我发现很难找到有效的搜索词。希望这里有人可以提供帮助！提前致谢！

【问题讨论】：

标签： html css background resize window

【解决方案1】：

您需要在 .container 中添加“最大宽度”，如下所示（包括当前代码）：

.container {
    width: 1200px;
    margin: 0px auto;
    max-width: 100%; //this is the new line
}

（.container 在第 212 行的 default.css 中找到。）

【讨论】：

谢谢！这解决了背景问题，但现在一些 div 标签将移动到不同的位置，以便它们适合页面。现在水平滚动不再可能了。有什么想法吗？
您并不真正希望水平滚动 - 这不是一个很好的用户体验。我建议更改容器内项目的 CSS 规则，以便它们要么是百分比（并且在您更改窗口时很好地响应），要么使用媒体查询。