こんにちは 馬場です。 さまざまなサイトを観ていると、 背景(背景画像)が 横いっぱいに伸びているページを 良く目にすると思います。 背景を 横いっぱいに伸ばす場合は、 background-colorや background-imageなどの 背景の設定をするセレクタの widthを設定しない (もしくはwidht:autoを設定) ことで、問題なく 対応することが できると思います。 しかしながら、 少し問題があります。 今回は、 ページの横いっぱいに 伸びる背景(背景画像)を 設定した際の問題点と、 その対応策をお話しします。 ・問題点(背景が切れる?) ・widthを設定してみると? ・対応策(min-widthを設定) ▼問題点(背景が切れる?) (htmlコーディング) <div id="header01">
![横いっぱいに伸びる背景について](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png)