CSS是前端開發中必不可少的一部分，其功能非常強大。今天我們就來學習一下如何使用CSS讓DIV滾動。

首先，我們需要設置一個固定寬度和高度的DIV：

<div class="scroll-div">
<div class="scroll-inner">
...
</div>
</div>

然后，我們需要設置這個DIV的overflow屬性為scroll，這樣即可產生滾動條：

.scroll-div{
width: 300px;
height: 200px;
overflow: scroll;
}

最后，我們需要在這個DIV內部增加一個子元素，作為滾動條的承載體。通常情況下，這個承載體可以通過添加一個DIV來實現：

.scroll-inner{
width: 100%;
height: 100%;
}
.scroll-bar{
width: 5px;
height: 100%;
background: red;
}

在實際生產環境中，我們還可以通過使用JS來進一步優化滾動條的功能和交互體驗。不過，在本文中，我們僅介紹了通過CSS來讓DIV滾動的基本實現方式。