To set some dimension based on certain percentage of the parent container, you must set the dimension of the parent container first. e.g.
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
height: 100%;
margin:0 }
div {
height:100%;
background:green;
}
</style>
</head>
<body>
<div>Menu</div>
</body>
</html>
Or, you can use the unit of
vh
Refer:
1.
CSS Units[
^]
2.
Viewport units: vw, vh, vmin, vmax - Web Design Weekly[
^]