我在屏幕左侧有一个垂直菜单,我想要分辨率高达100％,但如果div(菜单)需要更多,我想显示滚动.
我的问题：我有一个高度为100％的div,并且自动溢出.
我需要只有在该div上的滚动,但这个div必须是屏幕分辨率的100％.现在如果我这样做,滚动将所有页面,但如果我把固定高度的div,它的正常工作.但我需要100％的高度.
非常感谢你！
我的问题：我有一个高度为100％的div,并且自动溢出.
我需要只有在该div上的滚动,但这个div必须是屏幕分辨率的100％.现在如果我这样做,滚动将所有页面,但如果我把固定高度的div,它的正常工作.但我需要100％的高度.
非常感谢你！
解决方法
http://cssdesk.com/yxShB
http://gearsdigital.com/sandbox/
http://jsfiddle.net/WB4Qc/
成功测试：
OSX
> FF 3.6
> Safari 4 5
> Chrome 47.0
WIN7
> IE 7
> IE 8
> FF 3.5
看我上面的例子.代码工作正常…尝试调整窗口大小.一旦浏览器的底部到达菜单div上的滚动条的最后一个列表元素.
HTML：
<div id="menu">
<ul>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
<li>owepwew</li>
</ul>
</div>
CSS：
* {margin:0;padding:0;}
html,body{
height:100%;
background:#eee;
}
#menu {
background:#ccc;
width:220px;
height:100%;
}
#menu ul {
height: 100%;
overflow: auto;
}
