css - 响应式菜单不显示全高 100%

Question

我正在使用响应式菜单（dbushell 编写的脚本），我已经在我的临时主机上设置了它：

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

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

我尝试将导航设置为：

height:100%;

没有运气。

谢谢你的帮助。

score 0 · Accepted Answer

将 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%;
    }
}

1 回答 1