我有这个例子here .
我希望您按照以下步骤操作:
- 将浏览器窗口的大小调整为小于 950 像素宽。
- 现在使用水平滚动条向右滚动。
- 现在您会注意到灰色条 (div) 停得很短，不会继续到页面的右边缘。
我想知道如何修复它，使灰色条在整个页面上继续显示。
最佳答案
在栏本身上使用 min-width，其宽度与其中的内容相同...
我不知道你想要什么样的跨浏览器兼容性，但这应该在 IE7 中工作 > 。任何更多都会使这变得更加复杂。
这里的例子:
http://jsfiddle.net/sg3s/hrN5F/
编辑，这也可能解决旧版本的 IE，但无法测试 http://jsfiddle.net/sg3s/hrN5F/2/
关于html - 如何使用像素和百分比设置 2 个 div 的宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7506535/