我有以下 HTML 代码:
<style>
body {
background:#547c15;
margin:0;
padding:0;
}
#inner {
margin:0 auto;
width:1298px;
}
#outer {
background:#000;
}
</style>
<div id="outer">
<div id="inner">
<br><br><br><br><br><br><br><br><br><br>
</div>
</div>
当我在宽屏显示器上查看时,一切正常。但是,当我在 800X600 分辨率的旧 CRT 显示器上查看此内容时,外部 div 并未完全拉伸(stretch)到内部 div 上。底部有一个滚动条(由于内部 div 为 1298px)但外部 div 仅拉伸(stretch)到 800px(见下图)。
有人可以帮我解决这个问题吗?我希望外部 div 始终为 100% 宽度(即即使有水平滚动条,背景颜色/图像也应始终完全展开)。
非常感谢。
最佳答案
给外部 div width:100%;
使其调整大小以包含内部内容,我认为它会起作用,如果它不起作用而不是使用 min-宽度:1298px;
关于css - DIV 背景未正确拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11275222/