css 超出隐藏，显示垂直方向的滚动条

在CSS中，可以使用`overflow`属性来控制内容超出容器的部分如何处理。如果将`overflow`设置为`hidden`，则超出部分会被隐藏。如果将`overflow`设置为`scroll`，则会在容器的边缘显示滚动条，允许用户滚动查看超出部分。以下是示例代码：

.container {
  height: 100px;
  overflow: scroll;
}

在上面的示例代码中，容器的高度为100px，如果内容超出了容器的高度，就会在容器的边缘显示垂直滚动条，允许用户滚动查看内容。

如果你想控制滚动条的样式，可以使用CSS的`::-webkit-scrollbar`伪类来设置滚动条的样式。例如：

.container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.container::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

.container::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 3px;
}

在上面的示例代码中，`::-webkit-scrollbar`伪类用于设置滚动条的样式，`::-webkit-scrollbar-thumb`用于设置滚动条的滑块样式，`::-webkit-scrollbar-track`用于设置滚动条的轨道样式。这些样式可以根据实际需求进行调整。请注意，`::-webkit-scrollbar`伪类只在WebKit浏览器中有效，在其他浏览器中可能需要使用其他方式来设置滚动条的样式。