我有这个例子here。
我希望您按照以下步骤操作:
我想知道如何修复它,以便灰色条在整个页面上继续。
答案 0 :(得分:1)
不使用css来设置bgcolor
和border
,而是使用1px宽的图像,无论你需要多高,都需要它。
`background:url('images/bg.gif') repeat-x;`
请确保在bg
图片中包含1px底部边框。
答案 1 :(得分:1)
在栏上使用min-width
,其宽度与其中的内容相同......
我不知道您想要什么样的跨浏览器兼容性,但这应该适用于IE7> 。任何更多会使这更复杂。
此处示例:
http://jsfiddle.net/sg3s/hrN5F/
编辑,这也可能解决了旧版IE的问题,但无法测试http://jsfiddle.net/sg3s/hrN5F/2/