css - CSSはビューポートを埋めるために幅と背景を取得します

Question

誰かが私を助けてくれることを願っています。これは、www.pxlmin.com/portfolio で作成しているポートフォリオ用です。

私が望むのは、背景色が幅全体を占めるようにすることですが、ウィンドウのサイズを変更すると、つまり幅の半分になると、横に空白ができます（右にスクロールすると)、私が疑問に思っているのは、どうすれば中央とコンテナの両方の背景を左に伸ばすことができるかということです..幅は 100% ですが、明らかにうまくいきません。ありがとう。

Answer 1

から削除width: 100%;し#portContainer and #middlePortます。これで問題が解決することを願っています。

Answer 2

ああ、それを理解しました..背景で埋める必要があるコンテンツの量よりも大きい最小幅を設定するだけです。私の場合、div #middleport min-width：1500px;

ただし、これらのページの量が驚くほど背景から外れています（ビューポートの幅が狭くなり、右にスクロールした場合）。tinygrab.com、nodejs.orgなど。

Answer 3

メインの背景色を body タグに追加できます。

body{
margin: 0;
padding: 0;
background: #EFE6D9
}

または、ストライプのある背景画像を使用します-ただし、上記のように100％の幅を削除するか、左右の境界線を0に設定します.白いビットはおそらく6ピクセルで、幅に追加される境界線です.

#middlePort {
background: #E8DED0;
height: 300px;
border: 3px solid #E2DAD0;
padding-top: 49px;
}

また

#middlePort {
background: #E8DED0;
height: 300px;
width: 100%;
border-bottom: 3px solid  #E2DAD0;
border-top: 3px solid  #E2DAD0;
padding-top: 49px;
}