响应式菜单未显示全高100％

Question

我正在使用响应式菜单（dbushell的脚本），我已将其设置在我的临时主机上：

http://saltz987.web1337.net/test.html

如果缩小浏览器的宽度，则会显示3条菜单图标，当您单击它时，菜单会打开。在这里，您将看到第1章到第17章的链接。

我遇到的问题是菜单不是100％的页面，而是主要内容的高度请任何人帮助我让菜单显示完整的100％高度。

我尝试将导航设置为：

height:100%;

没有运气。

感谢您的帮助。

Answer 1

将HTML和正文设置为100％。同时添加max-height 100％以避免将来出现溢出问题。

html, body {
    height: 100%;
    max-height:100%;
}
.nav {
    height:100%;
}

您需要展开导航所在的div，在本例中为#inner-wrap。

@media screen and (max-width: 45em) {
    div#inner-wrap {
        height:100%;
    }
}