ボディの幅100％の目的

bodyおよびhtml要素のwidth: 100%の可能な目的は何ですか？ボディの幅100％の目的

時々私はStackOverflowの回答でも、ライブのウェブサイト上で、このリセットのようなスニペットのようなものを見ることができる：

html, body 
{ 
    width: 100%; /* ? */ 
    height: 100%; 
    margin: 0; 
}

質問は愚かに聞こえるかもしれないが、それは本当に私を気に。私は、HTML文書のルート要素に「黒い魔法」がある状況が好きではありません。これは私がしていることの根本的な概要を理解していないと感じさせます。

2017-01-23 john c. j.

私はそれが標準フォーマットに本体とhtml要素をリセットし、クロスプラットフォームのCSSルールであると考えています。私が正しく覚えている場合、これらのルールが設定されていないとブラウザによって異なる反応が起こります。 – Nitin

[CSSボディ幅100パーセント]の可能な複製（http://stackoverflow.com/questions/23560084/css-body-width-100-percent） –

Nitinは「リセット」と呼ばれるように、あなたのスタイルが期待どおりに見えるかどうかほとんどの場合、それは必要ではないが、残念ながらより安全です。 –

このスタイルは、htmlとbodyが画面の100％の幅を占めるように追加されています。何かがデフォルトを上書きしている場合（例：別のCSSファイル）しかし、私はこれまでとは違ったデフォルトを持ったブラウザを見たことがありません。

別の値を設定した場合は、100％を多少超えて使用します。

html, body { 
 
    width: 125%; 
 
}

In this case body will occupy 125% * 125% = 156.25% of screen width because of 125% body width relative to 125% html

2017-01-23 23:33:10

はい。しかし、body要素はデフォルトで100％の幅です。 OPの質問は_それを100％_に設定する必要がありますか？ – Turnip

何かがデフォルトを上書きしている場合に備えて。それ以来、別のデフォルトを持っているブラウザは見たことがありません。 –

答えて