为什么整个页面的背景颜色都变了？ [复制]答案

【问题标题】：Why has the whole page's background color been changed? [duplicate]为什么整个页面的背景颜色都变了？ [复制]
【发布时间】：2017-04-16 17:18:22
【问题描述】：

如图，body的高度只有44像素。

然后我设置正文的background-color。

因此，整个网页的背景颜色，甚至是正文区域之外的部分，都会发生变化。为什么会这样？

【问题讨论】：

标签： html css

【解决方案1】：

正文标签用于或应用于整个页面，而不是任何单行或特定项目..

但是如果你想改变一些与<body>标签不同的页面高度...

您可以创建<div> 标记并将其设置为the height of 44px 并将此div 的颜色设置为您想要的颜色...

并放置inside the <body> tag。现在它的颜色与标签不同...

【讨论】：

【解决方案2】：

HTML 中的<body> 标记是整个网页，而不仅仅是顶部的 44 像素条。当您更改网页的background-color 时，整个页面的背景都会发生变化。在您的第一个屏幕截图中，开发者工具可能只是出现了一个小故障，显示 <body> 的区域如此之小。

<body> 元素包含 HTML 文档的所有内容，例如文本、超链接、图像、表格、列表等。

【讨论】：

两个白框似乎是绝对定位的。如果 body 元素没有相对定位，那么框不会影响 body 元素的高度，并且 body 很可能是空的。不过，不知道为什么它的高度是 44 像素。但这可能不是故障。 body 元素可能代表 HTML 文档的内容，但我们这里是 CSS 领域，而不是 HTML。