1

如果您访问http://digitaldemo.net/anova/并调整浏览器大小以使其更小，然后水平向右滚动，您会看到背景现在覆盖了可见屏幕宽度之外的页面部分.

为什么会这样？

非常感激任何的帮助！

最好的，

辛西娅

4

3 回答 3

6

问题是因为该#nav元素具有硬宽度，1100px并且width:100%另一个元素上的背景仅100%具有可视区域的宽度。

更改为min-width_<body>

body {
     min-width: 1100px;
}

将您的最小页面宽度设置为最长元素的长度，因此 CSS 背景将扩展为100%宽1100px。

对于未来的项目，我建议阅读响应式网页设计- 一方面是通过元素和/或CSS 媒体查询的非固定尺寸组合来设计网站将适应设备的可用宽度/高度。

于 2013-05-08T08:09:31.553 回答
6

添加这个。

#navbar{ min-width: 1100px; }

与 .footer、.wrapper 和 .footerbottom min-width:1100px 相同

于 2013-05-08T07:58:02.670 回答
0

我刚刚调试了您的代码并发现了问题。问题是您正在使用overflow:hidden财产。它正在引起问题。就像在课堂上（.masthead）一样，你应用这个。只需将其删除。然后它是可见的。

于 2013-05-08T07:50:34.017 回答