兒童度100％的高度

Question

一個這個問題比較繞口例子是在這裏：child div height of 100% being ignored（一可行的解​​決方案是尚未被發現）

驗證測試案例我的問題：http://www.elucidatedbinary.com/tmp/layouttest_100percentheight.html。我想讓#main div（黃色背景）擴大到它的父div（#container）的高度的100％。

我的問題很簡單，可以這樣不

1. 恢復到jQuery的（難吃！）或
2. 恢復到表上完成（yuckier！）

我還沒有找到一個使用CSS佈局模型可以做到這一點的一個例子。

謝謝。

編輯：當我說「擴展到它的父級div的高度的100％」時，我的意思是一直擴展到頁腳下方。頭部應該在頂部留下一道粉紅色的縫隙。

Answer 1

嘗試：

#main { position: absolute; top: 0px; bottom: 0px; }