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

我想實現的目標：當重新調整大小以適應移動視圖時，飛出導航應該是100％的高度，無論內容如何，都要使div「nav」達到100％的高度在div「main」裏面。CSS高度：100％無法正常工作

我已經嘗試設置HTML，身高達到100％。包裝也在100％的高度，但它不工作。

這裏是我的代碼示例：

2014-04-14 AntonB

http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window的可能的複製？ – Kody

另一個問題是，當＃外層包裝中的這行代碼被刪除，「overflow：hidden」時，飛出導航將變成可滾動的，這在手機上不應該是可滾動的。 – AntonB

您需要分配給height:100%同時html和身體爲您的解決方案工作。我也將它應用到外包裝上，但我相信你可能需要一個更好的解決方案，因爲如果你正在做一個粘性頁腳，它會弄得一團糟。

CODEPEN

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

2014-04-14 02:19:54

注意當您嘗試向頁面添加內容時，額外內容隱藏在＃外套上。問題是我想滾動的內容，但畫布導航不應該在移動視圖中的Y軸上滾動 - http://codepen.io/anon/pen/xuHeD/ – AntonB

嗯，也許你可以嘗試類似的東西我在我的網站上做了什麼，兩個元素都坐在外部容器中，但內容div是代理窗口。檢查www.aktof.ca上的代碼 –

回答