HTML中如何在div中实现滚动条?

来源:互联网 发布:万网阿里云 编辑:程序博客网 时间:2024/04/30 06:09

overflow:scroll/*任何时候都强制显示滚动条*/
overflow:auto/*需要的时候会出现滚动条*/
overflow-x:auto/*控制X方向的滚动条*/
overflow-y:auto/*控制Y方向的滚动条*/

受overflow影响的必需是块元素,并且指定宽和高度,否则内部元素将自动将父级容器撑开。


实例

********************************************

css 

.dropdown-menu{min-height:250px;overflow-y:auto; max-height:300px;}


html


<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
当前仓库: <span id="currStorage">$!{storageName}</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
#foreach($pssStorage in $userPssStorageList)
<li><a href="#" class="link_select" id="$!{pssStorage.id}" >$!{pssStorage.name}</a></li>
<li class="divider"></li>
#end 
</ul>
</div>

0 0