在網頁開發中，經常會出現文本超出長度的情況，這時候就需要使用CSS超出長度滑動的效果。CSS超出長度滑動可以讓用戶在觀看超出長度的文本時，通過滑動滾動條的方式查看文本，而不是將文本截斷或縮小顯示。

.scroll {
overflow-x: scroll;
}

以上代碼是CSS超出長度滑動的基本代碼。其中，overflow-x屬性設置為scroll，表示水平方向超出長度時出現滾動條。

如果需要設置豎直方向的滾動條，可以將overflow-x屬性改為overflow-y。同時，可以通過設置max-height屬性來控制滑動區域的最大高度。

.scroll {
overflow-y: scroll;
max-height: 300px;
}

以上代碼設置了豎直方向的滑動區域，并限制了最大高度為300px。通過這種方式，可以避免滑動區域過長導致頁面布局錯亂。

總之，CSS超出長度滑動是一種非常實用的設計技巧，可以幫助我們充分利用頁面空間，同時優化用戶體驗。