Question

我正在尝试设置页面，以便导航栏的背景水平延伸超过窗口边缘，但页面的实际内容仍保留在960px宽的容器中。

这是我到目前为止的链接，它看起来像我想要的方式，但是有问题。

问题是页面仍然会水平滚动到右侧的超扩展div的末尾。它没有留下这个问题，只是正确的（我假设是由于元素处理负边距/定位的方式）。我以为我可以逃脱：

body {
    width: 100%;
    overflow-x: hidden;
}

隐藏了底部滚动条，但您仍然可以使用箭头键向右滚动，如果您调整页面大小小于实际内容的960px，则不会像您应该那样获得水平滚动条。

有什么方法可以让页面忽略那个div的宽度？

我99.9％肯定我在某个地方看到了这项工作，但我不记得在哪里，对上/左，下/右负边距/定位规则的研究让我相信这可能不起作用。有什么想法吗？

另外：我知道我可以用重复的背景图片做到这一点，但我试图避免使用图像。

Answer 1

您可以使用position:absolute＆amp;写得像这样：

#mWrapper {
    background: none repeat scroll 0 0 red;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
}

Answer 2