为什么背景颜色属性会填满整个屏幕，即使身体的高度为 0？ [复制]答案

【问题标题】：why does background-color property fills the entire screen even body have 0 height? [duplicate]为什么背景颜色属性会填满整个屏幕，即使身体的高度为 0？ [复制]
【发布时间】：2021-12-02 13:29:33
【问题描述】：

谁能解释为什么即使 body 的高度为零，背景颜色也会填满整个屏幕？

.bgcolor { 
  background-color : red;
  height:0;
}

&lt;body class="bgcolor"&gt;&lt;/body&gt;

【问题讨论】：

这里看不到背景
我做了一个 sn-p 并将您的代码更改为 .bgcolor { background-color : red; } 以显示问题
那是由于浏览器的默认 CSS - 在 Chrome 中我看到 body { display: block; margin: 8px; }
你没有建立任何其他属性？比如高度、宽度、显示等等……
这能回答你的问题吗？ Giving background-color to body applying whole page. Why?，Background-Color of BODY tag applied to the whole HTML，Other duplicate + W3 Doc

标签： html css inheritance background-color document-body

【解决方案1】：

body标签总是占据整个文档的body，所以如果你想给背景高度有限，然后在body标签里面放一个DIV，然后给它特定的高度，就可以正常工作了。

所以对于解决方案，请为 HTML div 提供背景颜色。

html {
  background-color: #ffffff;
}

【讨论】：

不，我认为没有任何内容的body标签高度为零。