如何制作高度：100％的弹出子菜单？

Question

如果有人可以帮助我，我将不胜感激！

我已经搜索了所有身高：100% 的问题，但似乎没有一个对我的情况有所帮助。如何使子菜单弹出栏的高度一直到屏幕的顶部和底部？这是我的 jsfiddle：http://jsfiddle.net/alh3168/hE6Sv/.

我已经将 .second 菜单 div 设置为高度 100%：

div.menu ul.second li a {
width: 150px;
bottom: auto;
min-height: 100%;
background-color: #B2CC7F;
color: #00293E;
text-decoration: none;
display: block;
padding: 7px 10px 0 0;
text-align: left;
cursor: pointer;
cursor: hand;
background: #000; 
background-color:rgba(0,180,180,0.3);
padding-left:20px;
font-family: Neou-Bold; 
src: url('Neou-Bold.otf'); 
font-size:10px;
letter-spacing:1.6px ;
}

Answer 1

确保正文、HTML 和任何父 div 的高度也设置为 100%。