盒子内容超出隐藏，保留垂直方向的滚动条

可以使用 CSS 的 overflow 属性来实现这个效果。将父元素的 overflow 属性设置为 auto 或 scroll，再将子元素的高度设为超出父元素高度的值，就可以实现在父元素内部保留垂直方向的滚动条，同时隐藏超出父元素范围的内容。

例如：

<div class="parent">
  <div class="child">
    <!-- 子元素内容 -->
  </div>
</div>

.parent {
  height: 300px; /* 父元素高度 */
  overflow-y: auto; /* 垂直方向滚动条 */
}

.child {
  height: 500px; /* 超出父元素高度 */
}

这样，当子元素内容超出父元素高度时，父元素就会出现垂直方向的滚动条，以便用户查看所有内容。