html - 仅更改 HTML 背景的颜色

Question

我的 body 是 1024 像素宽。当我在 CSS 中将 html 标记的背景设置为一种颜色(例如，栗色)时，所有页面都变成栗色。

正常行为，但如何为主体设置一种颜色，为主体不使用的空间设置另一种颜色？

当我设置 body 的背景时，只有我的第一个 div 是彩色的。

Answer 1

只有第一个 div 是彩色的原因是:html 元素占据了文档中的所有可见空间，但是 body 只占据了同样多的空间作为它的 child 。

修复:首先为主体设置固定的宽度和高度，然后在body 和html 上使用background-color。

body { background-color: white; } /* color for body */
html { background-color: maroon; } /* color for space not used by body */