css - 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>

これをワイドスクリーンモニターで見ているときは、すべて問題ありません。しかし、これを古い CRT モニターで解像度 800X600 で表示すると、外側の div が内側の div に完全に引き伸ばされません。下部にスクロールがあります (内側の div が 1298 ピクセルであるため) が、外側の div は 800 ピクセルまでしか引き伸ばされていません (下の画像を参照)。

誰かがこれで私を助けてくれますか? 外側の div を常に 100% 幅にしたい (つまり、水平スクロールバーがある場合でも、背景色/画像は常に完全に引き伸ばされる必要があります)。

よろしくお願いします。

Answer 1

外側の divwidth:100%;を指定して、内側のコンテンツを含むようにサイズを変更します。うまくいかない場合は、うまくいくと思いますmin-width:1298px;

Answer 2

あなたの #outer にこれを追加してください：

    float:left; width:100%;