bodyにwidth:100%をつける理由は？

解決済

質問者：dicemiyagawa
質問日時：2014/06/30 11:14
回答数：1件

bodyにwidth:100%をつける理由は？

たまに、bodyにwidth:100%をつけているのですが、理由がわかりません。

boduのwidthはブラウザの横幅ではないのでしょうか？

実際、下記コードで、両方とも結果は同じです。

<body style="background:red;width:100%">
aaaa
</body>

<body style="background:red;width:50%">
aaaa
</body>

どなたかお教えいただければ幸いです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2014/06/30 12:23

こんなところで聞いたってまともな答えは得られない。

なぜ仕様書を確認しないのですか？？
4.3.3 パーセント値( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
6.1 指定値、算出値、実効値( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
8 ボックスモデル( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
10.2 内容の幅: 'width'プロパティ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
　特に「10.1 "包含ブロック"の定義」

　これだけの情報が絡むので、ここで説明しきれる内容ではありません。
bodyに幅を指定しても、その祖先にstaticでない参照すべき親コンテナブロックがないのですから無意味です。
html{margin:20px;position:relative;}
body{width:50%;margin:0 auto;}

　仕様書だけはかならず目を通しておきましょう。そうしないとつまらないところで足踏みしてしまう。

<body style="background:red;width:100%">
aaaa
</body>
　こんなHTMLはありえません。こんなことしてるとだめです。bodyにはブロック要素しか置けません。
<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
それがないため、ブラウザは匿名ボックスを作ってしまいます。そうすると、スタイルシートがうまく機能しなかったり・・
　⇒メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。.( http://jigsaw.w3.org/css-validator/#validate_by_ … )