Qualcuno sa dirmi se è possibile usare una funzione o combinazione di css per far in modo che un div prenda la dimesione totale del browser?

Mi spiego meglio

<body>
<div>voglio che questo div prenda le dimensioni totali della finestra del browser</div>
<div>Il contenuto di questo div sarà visibile solo scorrendo la scrollbar</div>
</body>

L'idea è quella di visualizzare un immagine o un animazione intro che andrà ad essere inserita nel "div intelligente", mentre il resto della pagina si vedrà solo scorrendo in basso la finestra del browser.
Ovviamente l'intelligenza sta nel riconoscere la risoluzione del client.
Spero di essermi spiegato :master: