Div ocupe toda la altura restante

[ferakugregor]

Buenas a todos
Tengo una pequeña navegación y debajo de la misma me gustaría poner un div que ocupe el total del algo restante de manera que ni queden huecos vacios y que no aparezca scroll, ¿alguien me puede echar una mano?

http://codepen.io/feraku/pen/GJjqBW

Muchisimas gracias

[AngelKrak]

con un min-height: 500px; al Div me imagino que se asemeja a lo que quieres >_<

http://codepen.io/AngelKrak/pen/bdwwVj

[ferakugregor]

En primer lugar muchas gracias Angel, pero eso no es lo que necesito. El div se debe ajustar para ocupal todo el espacio que queda disponible independientemente de donde se visualice y con un min-height esto no se consigue, es fundamental que se cumplan dos condiciones por un lado que no se genere scroll y por otro que no queden huecos vacios en la pantalla.

De nuevo gracias

[ferakugregor]

Creo que lo tengo la clave:

Código CSS:

height:10vh;
 

Que alegría!!!! Gracias compañeros

[ferakugregor]

Puff que bajón, no funciona.

¿Por favor alguien me puede ayudar?

Gracias

[AngelKrak]

pon un height: 95%; dentro de tu HTML, BODY y otro height: 95%; dentro de #map

http://codepen.io/AngelKrak/pen/bdwwVj

[siddartha23]

Con js es sencillo...