如何解决垂直滚动框问题？

Question

我正在设置一个唯一的垂直滚动框，它可以正常工作。当我开始向下滚动时会出现问题，因为滚动框有一些水平滚动，我不知道为什么。

我试图更改width属性，但是它不起作用。

我的div内容为“ scroll-box”类：

.scroll-box {
  width: 100%;
  max-height: calc(100vh - 25vh);
  overflow-y: scroll;
}

<div class="scroll-box">
  CONTENT HERE
</div>