Question

亲爱的Overflowing Stackers，

我的页面被证明是一个真正的痛苦背后。我遇到了这个问题：

我尝试通过在身体上放一个最小宽度来解决它。这很好用;一切都正常显示，但前提是我的最小宽度值足以包含我的#navwrapper div（它是带有绿色旋涡矢量艺术背景的那个）。

如此高的值（1265px），许多用户将获得一个水平滚动条，这是我不想要的。我在页脚（3,000px）中有一个非常宽的天际线图像，它不会导致滚动条，所以我想知道为什么我的导航器会这样做。理想情况下，我希望页面的最小宽度为960px，因此导航器将保持居中，如果边缘延伸到视口之外，边缘将被剪裁。

我的页面的早期版本位于：http://jezenthomas.co.uk/poison2/

希望有人能搞清楚！

Answer 1

您的navwrapper中包含内容。你的天际线只是一张背景图片。浏览器优先处理内容，并允许背景落在视口之外。如果要阻止滚动条，可以添加

body {
   overflow-x:hidden;
}

将隐藏任何水平滚动条。