前端如何隐藏暴露出来的滚动条

HTML部分：

      <div id="rightBox11">
        <div class="rightBoxContent">
        	XXXX内容
        </div>
      </div>

CSS部分：

  #rightBox11{
    position:absolute;
    top:30px;
    right:30px;
    width:313px;
    height:650px;
    overflow: hidden;
    background:url('~@/assets/plan/border.png');

    .rightBoxContent{
    margin-top:20px;
    width:330px;
    height:614px;
    overflow-y:auto;
    }
  }

思路：给大盒子添加溢出隐藏，小盒子添加overflow-y并且设置宽高，使用margin-right:-xxpx来实现隐藏滚动条的效果。