身体100％宽度的目的

身体和html元素width: 100%的可能用途是什么？身体100％宽度的目的

有时候，我能看到类似的实时网页浏览该复位般的片段，以及在StackOverflow的答案：

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

问题可能听起来很傻，但它确实困扰着我。我不喜欢在HTML文档的根元素中存在一些“黑魔法”的情况。这让我觉得我不明白我在做什么的基本轮廓。

2017-01-23 john c. j.

我认为这是重置的身体和HTML元素的标准格式跨平台的CSS规则。如果我没有记错的话，如果这些规则没有设置，一些浏览器会有不同的反应。 – Nitin

[CSS body width 100 percent]可能的重复（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

以防万一，如果有什么是重写默认值。从来没有见过一个浏览器有另一个默认值，那么这个。 –

回答