Jak wymusić, aby div dziecka był 100% wysokości div rodzica bez określania wysokości rodzica?

Mam witrynę o następującej strukturze:

<div id="header"></div>

<div id="main">
  <div id="navigation"></div>
  <div id="content"></div>
</div>

<div id="footer"></div>

Nawigacja znajduje się po lewej stronie, a podział treści po prawej stronie. Informacje dla zawartości div są pobierane przez PHP, więc za każdym razem jest inaczej.

Jak skalować nawigację w pionie, aby jej wysokość była taka sama, jak wysokość div zawartości, bez względu na to, która strona jest załadowana?

questionAnswers(25)

yourAnswerToTheQuestion