Question

我尝试将此网站上的导航菜单（http://hester.witweb.nl）设置为http://hestermacrander.nl上显示的屏幕的完整高度。

我尝试将多个div设置为高度100％并使用绝对定位，但代码中的某些内容出现了错误，导致无法正常工作。

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

CSS

#page {
height:100%;
}

#header {
height:230px;
}

#mainwrapper {
height:100%;

}

.menu {
float:left;
height:100%;
}

.content {
float:left;
width:650px;
}

Answer 1

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

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

这是CSS3规范的一部分。 vh和vw是每个单位分别等于视口（窗口）高度或宽度的1％的单位。

如何获得全高菜单div

1 个答案: