Question

我需要在几个地方指定最小高度，所以我这样做了，

body{
    min-height: 100vh;
}

但它不起作用，它没有做任何事情。我该如何解决？

Answer 1

因为您正在寻找min-height: 100vh而不是min-height = 100vh。

另请注意，<body>默认添加8px margin，因此如果您不想要任何滚动条，则还需要使用margin: 0来抵消此问题使用 viewport-relative lengths ：

时

body {
  min-height: 100vh;
  background: red;
  margin: 0;
}

希望这有帮助！：）

Answer 2

CSS使用冒号分配值。使用min-height: 100vh;应该可以正常工作。