要在div元素中添加滚动条，可以使用CSS的overflow属性。以下是一个示例：
HTML:
<div class="scrollable">
<!-- 这里是你的内容 -->
</div>
CSS:
.scrollable {
overflow: scroll;
/* 或者可以使用 overflow: auto; */
/* 这里可以添加其他样式 */
width: 300px;
height: 200px;
}
在上述示例中，我们创建了一个具有.scrollable类的div元素，并将其overflow属性设置为scroll。这将在需要时显示滚动条，以便在内容溢出时可以滚动查看。你还可以使用overflow: auto;，它会自动显示滚动条，仅在内容溢出时才会显示滚动条。
此外，我们还设置了width和height属性来定义div元素的宽度和高度。你可以根据需要进行调整。如果内容超出了定义的高度和宽度，滚动条将出现以便查看隐藏的内容。
请注意，如果你希望只在垂直方向或水平方向上显示滚动条，可以使用overflow-x和overflow-y属性进行更精确的控制。例如，overflow-y: scroll;将只显示垂直方向的滚动条，而水平方向不会显示滚动条。