私はサイトの上部に紫色の線が必要です。画像を使用する代わりに、身体にborder-topというプロパティを使用しています。これは完全なビューで動作しますが、ブラウザウィンドウのサイズを変更すると、紫色の線がビューポートにのみ表示されます。右にスクロールすると空白が表示されます。 Here's the fiddleあなたは私が何を意味するか見ることができます。私は本体とコンテナの両方でwidth: 100%を試しましたが、役に立たないです。誰かが私が必要とするものを達成する方法を提案することはできますか？body border-topはビューポートを越えて延びていません
ありがとうございます。
ドキュメントの幅が分かっている場合は、最小幅を指定できます。
body { min-width: 960px; }
これを実行する最も良い方法がわからない場合は、本体にposition: absolute;を追加してください。これにはいくつかの望ましくない副作用があるかもしれません。
ああ、私は今それを参照してください。ニース。 +1 – mrtsherman
display: inline-block;をbodyとcontainerの両方に追加することも有効です。 http://jsfiddle.net/K5zVq/16/を参照してください。
skoh-fleyの場合でも、影響が少ない可能性がある副次的な回答はbody：http://jsfiddle.net/K5zVq/20/にfloat: leftを追加することです。私が最初の答えに向かって傾いていると思うが（あなたが私よりもあなたの状況をよく知っているが）。
私の場合、ほとんどの提案が有効でした。私はこれが私のスタイルの残りの部分と最高の演奏をしたのでこれを選択します:) – brunn