如何使用像素和百分比设置 2 个 div 的宽度
我有这个例子这里。
我希望您按照以下步骤操作：
- 将浏览器窗口的大小调整为宽度小于 950 像素。
- 现在使用水平滚动条滚动到右侧。
- 现在您会注意到灰色条 (div) 停止了，并且没有继续到页面的右边缘。
我想知道如何修复它，以便灰色条继续贯穿整个页面。
I have this example here.
I'd like you to follow these steps:
- resize your browser window to less than 950 pixels wide.
- now scroll to your right with the horizontal scroll-bar.
- now you will notice that the grey bar (div) stops short and does not continue to the right edge of the page.
I want to know how to fix it so the grey bar continues across the whole page.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
在栏本身上使用
min-width，其宽度与其中的内容相同...我不知道您想要哪种跨浏览器兼容性，但这应该适用于 IE7 > 。如果再多的话，事情就会变得更加复杂。
这里的例子：
http://jsfiddle.net/sg3s/hrN5F/
编辑，这可能会解决这个问题旧版本的 IE 也是如此，但无法测试 http://jsfiddle.net/sg3s/hrN5F/2/
Use
min-widthon the bar itself with the same width as the content in it...I don't know what kind of cross browser compatiblity you want but this should work in IE7 > . Any more would make this a lot more complex.
Example here:
http://jsfiddle.net/sg3s/hrN5F/
Edit, this might solve it for older versions of IE too, can't test it though http://jsfiddle.net/sg3s/hrN5F/2/
不要使用 css 来设置
bgcolor和border，而是使用 1px 宽的图像以及您需要的高度。请务必在
bg图像内包含 1 像素的底部边框。Instead of using css to set your
bgcolorandborder, use an image 1px wide and however high you need it to be.Be sure to include a 1px bottom border inside your
bgimage.