CSS Div滾動代碼示例

在CSS中，我們可以使用overflow屬性來實現(xiàn)div的滾動效果，以下是一個簡單的示例：

HTML代碼：

<div class="scrollable-div">
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本內(nèi)容應(yīng)該根據(jù)實際情況進(jìn)行替換，這里只是示例。</p>
  <p>這是一段很長的文本，需要滾動才能查看全部內(nèi)容，文本