html - CSS: 幅 100% の要素が存在するときに右にスクロール: 右側の部分に背景が存在しませんか?

Question

これに苦しむ多くのサイトを見てきましたが、100% 伸びる背景に没頭したのはつい最近のことです...

例は

http://brassblogs.com/blog/sticky-footer

http://beanstalkapp.com/

ブラウザーの幅を制限して右にスクロールすると、見た目が悪くなります。背景が引き継がれません。どうすればこれを修正できますか？

編集：へー、自分で答えを見つけたらすぐに答えが出ました.... ハハ。

Answer 1

ウィンドウのサイズを変更したときに Web ページのスケーリングを停止するタイミングをブラウザが認識できないために、問題が発生します。デザインが許容できる最小の幅を指定する必要があります。

html
{
  min-width: 1050px;
}

はmin-widthやや大きいですが、これを大幅に小さくすると、背景がはみ出してレイアウトの問題が発生します。

また、パーセンテージをボーダー、マージン、およびパディングと一緒に使用すると、レイアウトにいくつかの問題が発生します (背景画像が適切にくっつかない理由の一部です)。