是否可以强制 div 获取屏幕高度 [重复]答案

【问题标题】：Is it possible to force div to take height of the screen [duplicate]是否可以强制 div 获取屏幕高度 [重复]
【发布时间】：2015-06-12 16:52:19
【问题描述】：

我们正在使用引导库进行样式设置。我们有一个 div，我们希望 div 占据屏幕的高度。我不想设置最小或最大高度。

我可以通过 javascript 设置高度，但我只是好奇是否可以通过 CSS 强制 div 获取屏幕高度。除了使用媒体查询，我们还有其他选择吗？

【问题讨论】：

【解决方案1】：

您也可以使用 vh。 vh 是视口高度。你可以找到更多关于它here

【讨论】：

【解决方案2】：

请检查这是否是您想要的。

html,
body {
  height: 100%;
}
div {
  height: 100%;
}

<div>
  <h1> Hello World </h1>
</div>

【讨论】：

【解决方案3】：

是的，您可以使用position。假设您将div 设置为.mask：

.mask {
  position: absolute;
  width: 100%;
  height: 100%;
}

【讨论】：