Div al 100% de altura

[pzin]

Lo habitual es crear un contenedor que mida el número de secciones por cien, y luego cada sección que mida cien entre el número de secciones.

Algo así:

Código HTML:

<div id="contenedor">
  <div class="seccion"></div>
  <div class="seccion"></div>
  <div class="seccion"></div>
  <div class="seccion"></div>
</div>
 

Código CSS:

html, body {
  height: 100%;
}
 
#contenedor {
  height: 400%;
}
 
.seccion {
  height: 25%;
}