1. 程式人生 > >HTML中如何在div中實現滾動條?

HTML中如何在div中實現滾動條?

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>