css-为什么我不能使用高度：100%作为容器？

Question

在html中，我在body中有一个容器来包含每个元素，我希望它占据整个页面的高度。

当我将高度设置为100%时，它只会将其设置为包含元素所需的大小，因此我必须将高度设置为100vh以使其工作。我怎样才能使高度设置为100%工作?

Answer 1

html和body元素本身没有100%的高度，因此将它们中的某些元素的高度设置为100%不起作用。您还需要将html和body元素设置为100%

html, body {
height: 100%;
}