我创建了一个带有css和hml的右侧菜单栏。它看起来像这样:
小屏幕是这样的:
我想要一个滚动条y和100%高度。
<div id="1map">
<div class="rightcontainer">
<div class="menubox">
<div class="item">Menu-1</div>
<div class="item">Menu-2</div>
<div class="item">Menu-3</div>
</div>
<div class="mainbox">
<div class="panel panel-success">
<div class="panel-heading">Products</div>
<div class="panel-body">
<ul class="list-group">
<li class="list-group-item">Toshiba Notebook</li>
<li class="list-group-item">Asus Notebook</li>
<li class="list-group-item">Prod-4</li>
<li class="list-group-item">Prod-5</li>
<li class="list-group-item">Prod-6</li>
<li class="list-group-item">Prod-7</li>
</ul>
</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">Toshiba Details</div>
<div class="panel-body">
<ul class="list-group">
<li class="list-group-item">Hdd 200GB</li>
<li class="list-group-item">Ram 8GB DDR5</li>
<li class="list-group-item">CPU i7</li>
</ul>
</div>
</div>
<div class="panel panel-info">
<div class="panel-heading">Images</div>
<div class="panel-body">
<img src=".." alt="..." class="img-rounded">
<img src=".." alt="..." class="img-rounded">
<img src=".." alt="..." class="img-rounded">
<img src=".." alt="..." class="img-rounded">
</div>
</div>
</div>
</div>
</div>