CSS高度:100%无法正常工作

时间:2014-04-14 01:36:28

标签: jquery html css html5 css3

我想要实现的目标:当重新调整大小到移动视图时,飞出导航应该是100%高度,使div" nav"页面的100%高度,无论div内部的内容是什么" main"。

我已经尝试将html,body设置为100%高度。包装纸的高度也是100%,但不起作用。

这是我的代码示例:

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

1 个答案:

答案 0 :(得分:0)

您需要为html和正文指定height:100%才能使解决方案正常工作。我也将它应用到外包装中,但我相信你可能需要一个更好的解决方案,因为如果你正在做一个粘性页脚,这会搞得一团糟。

<强> CODEPEN

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