使机身达到浏览器高度的100%

Question

使机身达到浏览器高度的100%我想让身体有100%的浏览器高度。我可以用CSS做这个吗？我试着设置height: 100%但它不起作用。我想设置一个页面的背景色来填充整个浏览器窗口，但是如果页面的内容很少，我会在底部看到一个难看的白条。

Answer 1

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

html, body {
    height: 100%;}

主体期待它的父(HTML)如何缩放动态属性，所以HTML元素也需要设置它的高度。

然而，身体的内容可能需要动态变化。将最小高度设置为100%将完成这一目标.

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