Jak uzyskać efekt pudełka na cały ekran bez bootstrapa?

Hej, jak mogę uzyskać DIVa na całym ekranie? Czyli dostaję on długość i szerokość ekranu użytkownika (rozmiary pola renderowania przeglądarki). A jak przesuwamy strone w górę lub w dół to mamy kolejne DIVy tego samego typu?

<div class="panel" style="background:green"></div>
<div class="panel" style="background:red"></div>
<div class="panel" style="background:blue"></div>

html, body, .panel {
    width:100%;
    height:100%;
    margin: 0;
}

 

Dziękuje