CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

要设置只上下滚动而不左右滚动，可以采用以下方法：

1. 设置容器宽度和高度
   首先，需要设置容器的宽度和高度，这样可以限制内容的大小，然后使用overflow属性设置滚动，代码如下：

.container {
  width: 300px; /* 容器宽度 */
  height: 200px; /* 容器高度 */
  overflow-y: scroll; /* 上下滚动 */
  overflow-x: hidden; /* 禁止左右滚动 */
}

在这个示例中，设置了容器宽度为300px，高度为200px，并且overflow-y属性设置为scroll，表示垂直方向可以滚动。

1. 使用flexbox布局
   还可以使用flexbox布局，实现只上下滚动而不左右滚动。假设有一个父容器和一个子容器，可以将父容器的display属性设置为flex，子容器的flex属性设置为1，并且设置子容器的高度，代码如下：

.parent {
  display: flex;
  height: 200px; /* 父容器高度 */
}
.child {
  flex: 1; /* 子容器占据剩余的空间 */
  height: 500px; /* 子容器高度 */
  overflow-y: scroll; /* 上下滚动 */
}

在这个示例中，设置了父容器的display属性为flex，这样子容器就可以占据整个父容器的剩余空间。并且设置子容器的height属性为500px，overflow-y属性为scroll，表示子容器只可以在垂直方向滚动。

以上两种方法，都可以实现只上下滚动而不左右滚动的效果。需要注意的是，为了避免水平滚动条的出现，代码中使用了overflow-x属性，将水平滚动禁止掉。