如果您转到http://digitaldemo.net/anova/并调整浏览器的大小以使其缩小，然后向右水平滚动，您将看到背景现在覆盖了可见屏幕的wdith之外的页面部分。 / p>
为什么会这样？
非常感谢任何帮助！
最佳，
辛西娅
答案 0 :(得分：6)
添加此内容。
#navbar{ min-width: 1100px; }
与.footer，.wrapper和.footerbottom相同 最小宽度：1100px
答案 1 :(得分：6)
问题是因为#nav元素的宽度为1100px，而另一个元素的width:100%背景仅为可见区域宽度的100%。
将min-width上的<body>更改为
body {
min-width: 1100px;
}
会将您的最小页面宽度设置为最长元素的长度，因此CSS背景将会扩展为100% 1100px的宽度。
对于未来的项目，我建议阅读responsive web design - 设计网站的一个方面是通过元素上的非固定维度和/或{来适应设备的可用宽度/高度{3}}
答案 2 :(得分：0)
我刚调试了你的代码并发现了问题。问题是您使用的是overflow:hidden属性。这引起了问题。就像在类（.masthead）中一样，你应用它。只需删除它。然后它是可见的。