div 显示垂直滚动条

在HTML中，`<div>`标签通常用于创建文档中的块级元素，但默认情况下，它的内容不会显示垂直滚动条。如果你想要在一个`<div>`内显示垂直滚动条，当其内容超过容器高度时，你可以通过CSS设置样式来实现。以下是一个例子：

<div id="scrollable-div" style="overflow-y: auto; max-height: 300px;"> <!-- 假设你的内容高度超过300像素 -->
   这里是可能会超出可视区域的内容...
</div>

这里的关键CSS属性是：

- `overflow-y: auto;`：这告诉浏览器如果内容溢出`div`的高度，应该显示垂直滚动条。
- `max-height: 300px;`（或者其他你需要的数值）：设置了`div`的最大高度，防止内容无限拉长。

如果你想让这个行为更通用，可以在CSS文件中定义一个类（`.scrollable`)，然后在需要的`<div>`上应用该类：

.scrollable {
   overflow-y: auto;
   /* 可选：设置一个默认的最大高度或其他样式 */
}

并用它来标记你的`<div>`:

<div class="scrollable">...</div>