¿Cómo forzar que el div hijo sea el 100% de la altura del padre padre sin especificar la altura del padre?
Tengo un sitio con la siguiente estructura:
<div id="header"></div>
<div id="main">
<div id="navigation"></div>
<div id="content"></div>
</div>
<div id="footer"></div>
La navegación está a la izquierda y el contenido div está a la derecha. La información para la división de contenido se obtiene a través de PHP, por lo que es diferente cada vez.
¿Cómo puedo escalar la navegación verticalmente para que su altura sea la misma que la altura del div contenido, sin importar qué página esté cargada?