HTML中如何在div中實現滾動條?
阿新 • • 發佈:2019-02-13
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>