Question

我有一个绝对定位的div，宽度为100％，背景图像水平平铺。当浏览器缩小到浏览器的宽度小于页面时，div的背景颜色的剩余右部分将被截断。

有没有更好的方法或黑客来解决这个问题？

以下是示例：link，其中div是菜单。

修改以澄清，缩小浏览器的大小，使页面的整个宽度（960px）需要滚动条。此时，100％的“页面”或可视区域实际上小于内容的100％。发生这种情况时，菜单的背景不会跨越需要向右滚动才能看到的剩余内容。

此问题出现在ie7，ie8和firefox 3.5中。我没有测试过其他浏览器，但我只能假设这种情况也会发生。

由于

Answer 1

添加：

min-width: 960px;

到菜单div选择器。为我修复它。

关于实际的代码结构，并且正如有人指出的那样（但是很快就删除了他们的帖子），也许可以在更合理的布局中构建元素。没有理由将菜单作为底层子元素（据我所知）

这是一个更线性，自由流动的代码结构，而不是随机顺序的意大利面容器，它可以变成。