我々は、単純なHTMLページを持っているとします（IEを除く）ボディ背景色の奇妙な行動
<html>
<body style="background-color: red; width: 100px; height: 100px; border: 1px solid black">
</body>
</html>
ブラウザはこのようにそれをレンダリングします：
質問が理由ですbody要素の外側の領域（それ自体が幅100px、高さ100px）が赤い背景になっていますか？
100x100pxの正方形の背景色を指定していないので、私は推測できますか？ （あなたのCSSコードの多くを見ることなく推測するだけです）
'あなたの本文はあなたの文書全体です。 100x100pxに制限することはできません。 bodysの背景は、ページ全体があまりにも、割り当てられます1つであるため
<html>
<body>
<div style="background-color: red; width: 100px; height: 100px; border: 1px solid black"></div>
</body>
</html>
：
あなたのボックスを作成するdiv要素を使用することができます。あなたは何を期待しますか？あなたが取り除くことができない白い背景？
この例では動作させることができますが、あなたがそうのように、HTMLタグやBODYタグの両方にスタイルを適用する必要があります。
<html style="background-color:white;">
<head></head>
<body style="background-color: red; width: 100px; height: 100px; border: 1px solid black">
</body>
</html>
これは基本的に正しいです。私が知る限り、ビューポートは定義されていればhtml要素の背景色を、それ以外の場合はbody要素の背景色を採用し、そうでない場合は白です。 – Alohci
を参照してください：http://camendesign.com/code/ developpeurs_sans_frontieres – omnix