使主体具有浏览器高度的100％

一尘不染

html

我想让主体具有浏览器高度的100％。我可以使用CSS吗？

我尝试设置height: 100%，但不起作用。

我想为页面设置背景色以填充整个浏览器窗口，但是如果页面内容很少，我将在底部看到一个难看的白色条。

阅读 268

2020-05-10

共1个答案

一尘不染

尝试将html元素的高度也设置为100％。

html, 
body {
    height: 100%;
}

Body向其父级（HTML）寻求如何缩放动态属性，因此HTML元素也需要设置其高度。

但是，身体的内容可能需要动态更改。将最小高度设置为100％将实现此目标。

html {
  height: 100%;
}
body {
  min-height: 100%;
}

2020-05-10