【发布时间】：2011-11-22 07:42:16
【问题描述】：
我有这个例子here。
我希望您按照以下步骤操作：
- 将浏览器窗口的宽度调整为小于 950 像素。
- 现在使用水平滚动条向右滚动。
- 现在您会注意到灰色条 (div) 突然停止，并且没有继续到页面的右边缘。
我想知道如何解决它，以便灰色条在整个页面上继续显示。
【问题讨论】：
-
@Sparky672 哇，谢谢你的编辑，这就像 200% 更容易理解，顺便说一句对不起我的英语不好。
【发布时间】：2011-11-22 07:42:16
【问题描述】：
在栏本身上使用min-width，其宽度与其中的内容相同...
我不知道你想要什么样的跨浏览器兼容性，但这应该适用于 IE7 > 。再多的话就会变得复杂很多。
这里的例子：
http://jsfiddle.net/sg3s/hrN5F/
编辑，这可能也解决了旧版本的 IE，但无法测试它虽然 http://jsfiddle.net/sg3s/hrN5F/2/
【讨论】：
不要使用 css 来设置您的 bgcolor 和 border，而是使用 1px 宽的图像，无论您需要多高。
`background:url('images/bg.gif') repeat-x;`
确保在您的bg 图片中包含一个 1 像素的底部边框。
【讨论】：
-
它没有解决我的问题！
-
他建议您应该使用图像来使顶部的背景颜色发生。顺便说一句，只有 1px 宽的图像重复无限次会减慢旧版本的 IE，最好给它一些更大的宽度，比如 10px，IE 不必重复太多，因此可以更好地处理图像。跨度>
-
sg3s，我没有想到旧版本的 ie 有问题，但它确实有道理。很好的指出。诅咒即！