CSS 中的溢出部分可以滾動，是指當元素的內容超過其容器大小時，可以通過添加滾動條來讓用戶滾動并查看剩余的內容。這在設計響應式網頁或功能強大的 UI 界面時非常有用。 實現這個功能最常見的方法是使用 CSS 屬性 `overflow: scroll;` 或 `overflow-y: scroll;`。前者將同時為橫向和縱向內容溢出的元素添加滾動條，后者則只為縱向溢出的元素添加垂直滾動條。 以下是一個例子。在這個例子中，`div` 元素的高度設置為 `100px`，而它里面的 `p` 元素卻有 `150px` 的高度。為了避免 `p` 元素的內容被截斷，我們為 `div` 元素添加了 `overflow-y: scroll;` 屬性。這樣，當元素的高度超過 `div` 容器大小時，用戶就可以通過滾動條來查看剩余內容。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget pharetra lorem. Proin sapien mi, tempus ac vulputate ac, tempor ac leo. In hac habitasse platea dictumst. Integer nisi elit, consequat at commodo quis, sodales eu velit. Sed malesuada eros ut justo interdum, vel dapibus est bibendum. Mauris tincidunt efficitur sem, et cursus ipsum tristique eu. In ut sapien et justo auctor sagittis. Fusce iaculis augue vitae vulputate lacinia.

在某些情況下，我們需要對滾動條進行自定義，例如調整顏色、寬度、形狀等。這是通過使用 CSS 偽元素 `::-webkit-scrollbar` 來實現的。以下是一個例子，其中我們將滾動條的寬度設置為 `10px`，顏色設置為 `#ccc`。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget pharetra lorem. Proin sapien mi, tempus ac vulputate ac, tempor ac leo. In hac habitasse platea dictumst. Integer nisi elit, consequat at commodo quis, sodales eu velit. Sed malesuada eros ut justo interdum, vel dapibus est bibendum. Mauris tincidunt efficitur sem, et cursus ipsum tristique eu. In ut sapien et justo auctor sagittis. Fusce iaculis augue vitae vulputate lacinia.

通過使用 CSS 溢出部分可以滾動的屬性，我們可以更好地實現網頁設計和 UI 界面的功能。同時，通過對滾動條的自定義，我們還可以提高用戶體驗和頁面的美觀性。