为什么整个页面的背景颜色已经改变？

时间：2017-04-16 07:56:08

标签： html css

如图所示，身体的高度仅为44像素。

44px_height_body

然后我设置了身体的background-color。

chrome_developer_toolkit

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

the_page_view

2 个答案:

答案 0 :(得分：1)

HTML中的<body>标记是整个网页，而不仅仅是顶部的44像素条带。当您更改网页的background-color时，整个网页的背景将会发生变化。您的第一个屏幕截图中的开发人员工具可能只有一个小故障，显示<body>这么小的区域。

来自w3schools：

  

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

答案 1 :(得分：1)

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

但是，如果您想要更改与<body>标记不同的页面高度，那么......

您可以创建<div>代码并将其设置为the height of 44px，然后根据您想要的颜色设置此div的颜色......

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

相关问题
最新问题