HTML文档中body元素的默认高度[重复]答案

【问题标题】：Default height of body element in HTML document [duplicate]HTML文档中body元素的默认高度[重复]
【发布时间】：2020-08-07 05:16:38
【问题描述】：

这个让我有点困惑。 HTML文档中body元素的默认高度是多少？

我读到 body 元素的高度与它的内容一样高。看看下面这个简单的 html 文档。我在正文中没有内容，但是当我将 background-color 属性赋予正文时，它似乎占据了整个视口，因为我可以在整个屏幕上看到颜色。

所以我的问题是..当正文中没有其他 HTML 元素时，正文的默认高度是多少？

是否与视口高度相同（100vh）？
它的高度是否与其内容相同。如果是的话，当它里面没有内容时，body 的高度应该是 0px，对吗？如果在这种情况下是 0px，为什么我会在整个视口上看到 body 的 background-color？

<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: lightgray;
      }
    </style>
  </head>
  <body>

  </body>
</html>

【问题讨论】：

标签： html

【解决方案1】：

CSS 对backgrounds applied to the body element 的规则进行特殊处理：

但是，对于 HTML 文档，我们建议作者为 BODY 元素而不是 HTML 元素指定背景。对于根元素是 HTML "HTML" 元素或 XHTML "html" 元素的文档，其 'background-color' 的计算值为 'transparent' 和 'background-image' 的计算值为 'none'，用户代理必须改为使用为画布绘制背景时，从该元素的第一个 HTML“BODY”元素或 XHTML“body”元素子元素计算的背景属性值，并且不得为该子元素绘制背景。此类背景也必须锚定在与仅为根元素绘制时相同的位置。

【讨论】：

通俗地说这是什么意思？
即使元素较小，您也会在整个视口中看到背景。
所以HTML元素从body元素中获取background-color，而我看到的background-color实际上是HTML元素的背景颜色而不是body？