Question

我注意到html标签不会改变它的高度或宽度。我想知道是否有办法做到这一点，或者html标签是否总是填满可用空间？

例如：

html{
    width:300px;
    height:300px;
    background-color:blue;
}

Answer 1

您可以像在示例代码中一样设置CSS中html元素的尺寸。您可以看到它们已被应用，例如将outline: solid red添加到规则中。

但是，设置尺寸没有多大影响。特别是，在html上设置背景颜色仍会影响整个画布。根据CSS 2.1规范第14.2节The background，建议在body而不是html设置背景。如果你设置html，它就会成为画布的背景并覆盖整个画布“。

如果您在body上设置背景，则会应用一项特殊规则，即背景将用于整个画布（就好像它已在html上设置），如果html 1}}元素具有透明背景，没有背景图像，这是默认值。因此，您可以通过在html上设置背景来避免这种影响。例如：

html { 
    background: white;
}
body {
    width:300px;
    height:300px;
    background: blue;
}

但是，我不明白为什么你会这样做。如果您确实希望页面内容显示在300 x 300像素的框中，则通常的方法是将其包装在div容器中并在其上设置尺寸和背景：

<style>
.stuff {
    width:300px;
    height:300px;
    background: blue;
}
</style>
<body><div class=stuff>Content goes here.</div></body>