Html 如何获取全高菜单div

我正在尝试将此网站（）上的导航菜单设置为屏幕上显示的全高

我尝试将多个div设置为100%高度，并使用绝对定位，但代码中的某些地方出现了错误，这不起作用

<div id="page">
    <div id="header"></div>
    <div id="mainwrapper">
       <div class="menu"></div>
       <div class="content"></div>
    </div>
</div>

---

没有提供代码示例，因此我将尽力创建一个示例：

div.navmenu {
    height: 100vh; /* sets the height to be 100% of the viewport height */
}

---

这是CSS3规范的一部分

vh

和

vw

是单位，其中每1个单位分别等于视口（窗口）高度或宽度的1%。

如果您包含相关CSS和HTML供我们测试和试验，而不必查看网站的源代码，这将非常有用。非常感谢。认为链接浏览器支持会很有用：

div.navmenu {
    height: 100vh; /* sets the height to be 100% of the viewport height */
}