CSS是實(shí)現(xiàn)網(wǎng)頁(yè)樣式的重要工具，除了可以控制字體大小、顏色、布局等，還可以實(shí)現(xiàn)DIV內(nèi)容的滾動(dòng)效果。下面將為大家介紹CSS實(shí)現(xiàn)DIV內(nèi)容滾動(dòng)的具體方法。

CSS代碼:
div{
height:200px;
overflow:auto;
}

以上CSS代碼中，設(shè)置了DIV的高度為200px，并且將overflow屬性設(shè)為auto。overflow屬性用于設(shè)定當(dāng)容器內(nèi)的內(nèi)容超過(guò)容器本身時(shí)的處理方式，當(dāng)overflow設(shè)為auto時(shí)，當(dāng)內(nèi)容溢出容器范圍時(shí)，會(huì)自動(dòng)生成滾動(dòng)條。

下面將給大家展示一個(gè)實(shí)例，通過(guò)CSS實(shí)現(xiàn)DIV內(nèi)容滾動(dòng)的效果。

HTML代碼:
<div>
<p>這是一段長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的文字，需要用滾動(dòng)條來(lái)查看</p>
</div>

CSS代碼:
div{
height:200px;
overflow:auto;
border:1px solid black;
}

運(yùn)行以上代碼，DIV中的文字就會(huì)出現(xiàn)在200px的高度范圍內(nèi)，并且超出該范圍的部分會(huì)自動(dòng)生成滾動(dòng)條，用戶(hù)可以通過(guò)滾動(dòng)條來(lái)查看全部?jī)?nèi)容。

以上就是CSS實(shí)現(xiàn)DIV內(nèi)容滾動(dòng)的方法，通過(guò)設(shè)置overflow屬性的值，我們可以很方便地為網(wǎng)頁(yè)添加滾動(dòng)條效果，從而提升用戶(hù)體驗(yàn)。