将div修复为视口高度

Question

我的网站分为三个div左，中，右三个。我想使用viewport height属性将左边的高度设置为屏幕的高度。

我的代码是

#left
{
  height:1vph;
}

但这不起作用。请帮我这样做。

Answer 1

没有vph高度单位，我认为您正在寻找vh单位。查看有效的CSS length values on MDN。

尝试使用值100vh，值1只会是屏幕的1/100。

#left
{
  height:100vh;
}

Answer 2

您可以设置选定的div或标记..的视口高度（vh）。 让我们将body元素设置为视口高度。然后，您必须使用

body{
height: 100 vh;
}

希望，它有效。谢谢