右栏菜单和内容向下移动

Question

我创建了一个带有css和hml的右侧菜单栏。它看起来像这样：

小屏幕是这样的：

1. 我不想要这个。我的工作code is here。

2. 我想要一个滚动条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>
   

Answer 1

.mainbox { float: none; }

：）

更新：http://jsfiddle.net/agttL00f/

希望它有所帮助。