我怎樣才能讓div裏面引導柱可滾動

Question

作爲此鏈接：https://jsbin.com/tudeseqomi/edit?html,css,output
面板的寬度和高度是800px和450px。
所以我希望讓部分：

<div class="panelFrame"> 
    <div class="panel"> 
    </div> 
    </div> 

可以滾動，因爲它是在藍色區域太大，

我怎樣才能做到這一點？

p.s.我不知道爲什麼在jsbin的<div class="panelFrame">部分成爲白衣，在我的地方是綠色

Answer 1

上.rightpart類添加overflow-x: scroll;

.rightpart{ 
     background-color:blue; 
     height:500px; 
     overflow-x: scroll; 
    } 

見下

Answer 2

設置overflow:hidden/scroll在CSS的綠色DIV

Answer 3

你給了綠顏色到被覆蓋由類.panel中的其中一個包含以下鏈接的CSS，https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/less/panels.less。

使用屬性溢出：滾動以在元素上滾動或減小「panelFrame」的寬度並使用上述屬性。