div 位于另一个 div 下方，每个 div 的宽度和高度均为屏幕的 100%

Question

我制作一页布局网站。我需要每个 div 的宽度和高度均为 100%。div1 可以，但是如何使 div2 和 div3 滚动后屏幕高度为 100%？100vh更长。我需要不同的高度，所以我不能使用固定的高度。（抱歉英语不好）

div1 {

       position: relative;

       background-color: #fff;

       border-radius: 12px;

       width: 100%;

       height: 100%; 

} 

Answer 1

非常简单。vw 表示视口宽度，vh 表示视口高度div {&nbsp; &nbsp; &nbsp; &nbsp;position: relative;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;border-radius: 12px;&nbsp; &nbsp; &nbsp; &nbsp;width: 100vw;&nbsp; &nbsp; &nbsp; &nbsp;height: 100vh;&nbsp;}&nbsp;#a1{background-color:blue;}#a2{background-color:green;}#a3{background-color:red;}<div id='a1'></div><div id='a2'></div><div id='a3'></div>