身体宽度为100％的目的

Question

width: 100%对于body和html元素的可能目的是什么？

有时我可以在实时网站上看到类似此类重置代码段的内容，以及StackOverflow答案：

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

这个问题可能听起来很愚蠢，但这真让我感到烦恼。我不喜欢我有一些＆＃34;黑魔法＆＃34;在HTML文档的根元素中。这让我觉得我不了解我所做的基本概要。

Answer 1

添加此样式只是为了确保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