Question

我的页面上有两个部分：

<div class="first">
//content #1
</div>
<div class="second">
//content #2
</div>

第一个div应该始终填满整个屏幕。第二个div应该在这之后。

我创建了一个这样的CSS：

.first {
position:absolute;
width:100%;
height:100%;
display:block;
}

.second {
position: absolute;
top:100%;
}

这样可行，但这是“正确”的做法吗？

谢谢！

Answer 1

尝试使用100vh相对于视口的大小。 100％与其父母相关，可能会导致一些问题。