div ниже другого div, каждый со 100% шириной и высотой экрана

Question

Я делаю одну страницу верстки сайта. Мне нужен каждый div со 100% шириной и высотой. Div1 в порядке, но как я могу сделать div2 и div3 со 100% высотой экрана после прокрутки? 100vh длиннее. Мне это нужно для разной высоты, поэтому я не могу использовать фиксированную высоту. (извините за плохой английский sh)

div1 {
       position: relative;
       background-color: #fff;
       border-radius: 12px;
       width: 100%;
       height: 100%; 
} 

Answer 1

Довольно прямо. VW для ширины области просмотра и VH для высоты области просмотра

div {
       position: relative;
      
       border-radius: 12px;
       width: 100vw;
       height: 100vh; 
} 
#a1{
background-color:blue;
}
#a2{
background-color:green;
}
#a3{
background-color:red;
}

<div id='a1'>
</div>
<div id='a2'>
</div>
<div id='a3'>
</div>