質問: background-color: #cc0000; } .header { width: 800px; height: 100px; margin: 0 auto; background: #ccc; } .container { width: 800px; height: 140px; margin: 0 auto; } 通常の場合 ![![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/cb3bf2c29c68cc7782bb1aae2631590d.jpeg)](9b2d97f8cf38ee2954adad99787e58a0.jpeg) このように見えます。(こちらはOK) しかしブラウザを縮めてみると、wrap部分の背景色が途中で切れます。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/ff9e4c87f61ca0f9ea322edae6fa4261.jpeg) これはなぜでしょうか?
回答: ``` #wrap { background-color: #cc0000; min-width:800px; } ``` のように最小幅をheaderと同じに指定してやれば解決です。