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

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

我曾尝试在网上搜索这个问题的解决方案，但我发现很难找到一个有效的搜索词。希望这里有人能帮忙！提前谢谢

您需要向.container添加一个“max width”，如下所示（包括当前代码）：

---

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

谢谢！这解决了背景问题，但现在一些

div

标记将移动到不同的位置，以便适合页面。现在水平滚动已经不可能了。有什么想法吗？你真的不想水平滚动-这不是一个很好的用户体验。我建议更改容器中项目的CSS规则，使它们要么是百分比（并且在更改窗口时响应良好），要么使用媒体查询。

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