Div actif en plein écran (avec suivi de défilement vertical)

Question

J'essaie de créer un div en plein écran, donc il est redimensionné à la hauteur et à la largeur de la fenêtre du navigateur. Mais alors vous pouvez faire défiler verticalement vers un second div, qui est aussi la taille de la fenêtre de votre navigateur.

J'ai vu beaucoup d'exemples de ce style, mais je ne trouve aucun tutoriel. Peut-être que j'ai les mauvais mots clés?

Un bel exemple est http://www.guestd.com (sauf que je n'ai pas besoin d'images de fond, et que je veux seulement deux divs).

Merci.

Answer 1

Avec CSS pur, vous pouvez le faire super simple.

HTML

<div class='tile' id='a'> 

</div> 
<div class='tile' id='b'> 

</div> 

CSS

body,html { 
    width: 100%; 
    height: 100%; 
} 
.tile { 
    height: 100%; 
    width: 100%; 
    position: relative; 
    background-color: #eaeaea; 
} 
#a { 
    background-color: #222; 
} 

vous donnera this