css - DIV 背景未正确拉伸(stretch)

Question

我有以下 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% 宽度(即即使有水平滚动条，背景颜色/图像也应始终完全展开)。

非常感谢。

Answer 1

给外部 div width:100%; 使其调整大小以包含内部内容，我认为它会起作用，如果它不起作用而不是使用 min-宽度:1298px;