Mögliche Duplikate:
Prozent Höhe HTML 5 / CSS

Dies muss einfach sein, aber ich weiß nicht, warum die in Prozent angegebene Höhe für einen Div nicht auf ihn zutrifft.

Zum Beispiel:

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

CSS:

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

Wenn ich die Höhe von% in px ändere, funktioniert das perfekt. % ist so gültig wie px, aber warum funktioniert nur px und% nicht.Hier ist die Geige

Bearbeiten Obwohl ich das Semikolon nach 50% in der ursprünglichen Frage verpasst habe, was es total verdorben hat. Eigentlich wollte ich fragen, warum die 50% nicht dazu führen, dass sie die 50% ihres Containers verbrauchen. Es nimmt nur seine Höhe von seinem Inhalt und nicht 50% seines Behälters.