html - 将 div 固定为视口(viewport)高度

Question

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

我的代码是

#left
{
  height:1vph;
}

但这行不通。请帮我做这件事。

Answer 1

没有 vph 高度单位，我想你正在寻找 vh 单位。查看有效 CSS length values on MDN .

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

#left
{
  height:100vh;
}