我正在尝试提供类似于toyota.com网站的移动体验。基本上，我希望菜单的DIV出现，并具有用于溢出的滚动条。我已经将HTML和body标签设置为100％...，但是我看到菜单没有到达底部。它没有完全到达底部，因为标头的高度。但是，我不知道该如何解决。我已经看过很多次了，但是情况似乎与我自己的情况不同。
如果可以的话，您可以看看我的JSFiddle吗？可以在以下位置找到它：https : //jsfiddle.net/x5cry4Lx/5/
我现有的CSS（作为参考）...：
html, body {
height: 100%;
}
body.mobile-nav-open {
overflow: hidden;
}
.starter-template {
text-align: center;
}
section#header {
height: auto;
padding: 15px;
border-bottom: 1px solid #000;
background: #fff;
height: 36px;
}
section#header a.openNav,
section#header a.closeNav {
font-size: 11px;
color: #000;
text-decoration: none;
text-transform: uppercase;
}
section#header a.openNav i,
section#header a.closeNav i {
display: block;
font-size: 20px;
text-align: center;
}
section#header a.closeNav {
display: none;
}
body.mobile-nav-open section#header a.openNav {
display: none;
}
body.mobile-nav-open section#header …