DIV背景不能正常伸展

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没有完全伸展到内部div。底部有一个滚动条（由于内部div为1298px），但外部div仅拉伸到800px（见下图）。

有人可以帮我解决这个问题吗？我希望外部div总是100％宽度（即，即使有水平滚动条，背景颜色/图像应该总是完全伸展）。

提前多多感谢。

Answer 1

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

Answer 2

在#outer中添加：

    float:left; width:100%;