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上的代码 –

回答