vue项目中右侧滚动条

在改项目时遇到一个问题，下方的文本已经超出浏览器，但右侧未显示滚动条，导致下方文本无法查看，在该页面的主体容器里面加入overflow:scroll;还是没有效果，原来这个页面是分成左侧导航，右侧主体两部分，给右侧主体加上height:100%;  overflow;scroll；就好了。高度必须要设定，不然overflow: scroll; 不起效。

overflow:scroll是给xy轴都加上滚动轴，如果只想要右侧滚动轴，可以设置overflow-y: scroll;

.rightPart{
      height: 100%;
      width: 100%;
      overflow-y: scroll;
}