Question

我成功地将一些div的高度设为高度：100vh;

但是当我在小型显示器上试用它时，看起来div的内容会被合并与下一个div的内容..例如：

您可以尝试将白色div更改为高度100vh： http://attafothman.olympe.in/

（抱歉我的英语不好）

Answer 1

如果你想要一个元素使它成为你屏幕的大小，你必须将html和body元素的高度和宽度设置为100％，并重新设置所有边距和填充的css，如下所示：

* {
   margin: 0;
   padding: 0;
}

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

要填充屏幕宽度的元素，您可以简单地给出100％的高度。

像这样：

.fitScreen {
   position: relative;
   height: 100vh;
   background-color: yellow;
}

在此之下，你可以设置你想要的任何元素，你想要的任何高度，如下所示：

.content {
    position: relative;
    height: 1500px;
    background-color: green;
}