Posible duplicado:
Porcentaje de altura HTML 5 / CSS

Esto debe ser simple, pero no se aplica a la altura especificada en porcentaje para un div.

Por ejemplo:

<div class="container">
  adsf
</div>

CSS:

.container
{
  width:80%;
  height:50%;
  background-color:#eee;
}

Cuando cambio la altura de% a px funciona perfectamente. % es tan válido como px pero por qué solo px funciona y% no.aquí es el jsfiddle

Editar Aunque perdí el punto y coma después del 50% en la pregunta original, lo estropeó por completo. De hecho, lo que pretendía preguntar era por qué el 50% no hace que consuma el 50% de su contenedor. Solo toma su altura de su contenido en lugar del 50% de su contenedor.