我怎样才能让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”的宽度并使用上述属性。