如何制作高度：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％。