ウィンドウ幅が狭い場合(スクロールバーが出ている時)、ウェブサイトの背景が切れてしまう場合があります。
最近まであまり気にしないようにしていたのですが、解消方法があるとの事ですのでこちらに記しておきます。

[html]
<div class="w100percent">
<div class="w700px"><p>固定サイズエリア</p></div>
</div>
[/html]

[css]
*{
margin:0;
padding:0;
}
.w100percent {
width:100%;
background:#000/*黒*/;
min-width:700px;
}
.w700px {
width:700px;
margin:0 auto;
color:#fff;
}
[/css]

上記のように「サイト全体の最小幅」を指定することにより現象が解消するようです。

参考:【CSS】意外と知られていない!横幅100%の背景が切れるバグ
http://sekabull.hatenablog.jp/entry/2013/08/07/105412

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です