Question

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

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

Answer 1

您也可以使用vh。 vh是视口高度。您可以找到有关它的更多信息here

Answer 2

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

是的，您可以使用position来完成。假设您div为.mask：

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