divの幅について教えてください。

質問

ページ全体をdivで囲っておいて、width：100%;を指定していたのですが、
ウインドウの両端には10px程の余白がありました。

次に、ブラウザの初期設定をクリアするため、
*{
margin:0px;
padding:0px;
}
を指定したところ、両端の余白がなくなってしまいました。

この余白は何の余白だったのでしょうか？

いろいろ調べてみたのですが、分かりませんでした。
ご存知の方がいらっしゃいましたら、ご教授の程、よろしくお願いいたします。

回答No.1

noname#23734 · ベストアンサー

＞この余白は何の余白だったのでしょうか？
body要素のデフォルトの余白ではないでしょうか。

CSS2ではデフォルトスタイルシートとか呼ばれるものがあり各要素にはそれぞれスタイルを持っていることになっています。
表面上ブラウザもそのように動くと感じられます（実際にスタイルシートが存在するのかは解りません）のでそれのbody要素のスタイルだと思われます。
それのマージンを全称セレクタで0にしたのでbodyのマージンも無くなったと解釈されたら如何でしょうか。

回答No.2

noname#21765

ブラウザの描画領域に設定されている余白です。
何も指定しなければデフォルトで隙間が開くようになっています。

今回はxyz_1990さんが margin:0px;padding:0px; を指定したために
この余白がなくなったわけです。

ところでxyz_1990さんの記述例ではセレクタを「*」としていますが
これは、「ページ内すべての要素」に適用することを意味します。
つまり、 div や p や td などすべてのタグに適用されてしまうわけです。

もしもページの余白だけをなくしたいのなら
body{ ～省略～ ;}としたほうがいいですよ。

あと、「ページ全体をdivで囲って」という記述がありますが、
もしもページの余白をなくすだけであればこの div も不要になりますね。

お礼

ご回答ありがとうございます。

bodyの特性値だったのですね。

お二方とも、同じ内容でしたので、順番でポイントをつけさせていただきます。