Możliwy duplikat:
Wysokość procentowa HTML 5 / CSS

To musi być proste, ale dlaczego wysokość określona w procentach dla div nie ma do niego zastosowania.

Na przykład:

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

CSS:

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

Kiedy zmieniam wysokość z% na px, działa idealnie. % jest tak samo ważny jak px, ale dlaczego działa tylko px, a% nie.tutaj jest jsfiddle

Edytować Chociaż brakowało mi średnika po 50% w oryginalnym pytaniu, które całkowicie go zepsuło. W rzeczywistości chciałem zapytać, dlaczego 50% nie powoduje zużycia 50% jego kontenera. Jego wysokość jest pobierana tylko z zawartości, a nie z 50% pojemnika.