CSS高度：100％無法正常工作

Question

我想要實現的目標：調整大小以移動視圖時，彈出導航的高度應為100％，無論div“ main”中的內容如何，​​將div“ nav”設置為頁面的100％高度。

我嘗試將html正文設置為100％高度。 包裝紙也處於100％的高度，但無法正常工作。

這是我的代碼示例：

http://codepen.io/anon/pen/GHJqh/

Answer 1

您需要為html和body分配height:100%才能使解決方案正常工作。 我也將其應用於外包裝，但我相信您可能需要更好的解決方案，因為如果您這樣做，則會弄亂腳注。

CODEPEN

http://codepen.io/anon/pen/DAfoe/