Возможный дубликат:

Высота в процентах HTML 5 / CSS

Это должно быть просто, но я почему высота, указанная в процентах для div, к нему не относится.

Например:

  adsf

CSS:

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

Когда я меняю высоту с% на px, она работает отлично. % действует так же, как px, но почему только px работает, а% нет.Вот это jsfiddle

редактировать Хотя я пропустил точку с запятой после 50% в оригинальном вопросе, который полностью испортил его. На самом деле я хотел спросить, почему 50% не заставляют его потреблять 50% своего контейнера. Это только берет его высоту от его содержания, а не 50% его контейнера.