vue項目中右側滾動條

在改項目時遇到一個問題，下方的文本已經超出瀏覽器，但右側未顯示滾動條，導致下方文本無法查看，在該頁面的主體容器里面加入overflow:scroll;還是沒有效果，原來這個頁面是分成左側導航，右側主體兩部分，給右側主體加上height:100%;  overflow;scroll；就好了。高度必須要設定，不然overflow: scroll; 不起效。

overflow:scroll是給xy軸都加上滾動軸，如果只想要右側滾動軸，可以設置overflow-y: scroll;

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