CSS3提供了一種超出顯示滾動條的方式，使得頁面更具有可讀性和美觀性。

/* CSS代碼 */
div {
overflow: auto;
max-height: 200px;
scrollbar-width: thin;
scrollbar-color: #a8a8a8 #f5f5f5;
}
/* 火狐瀏覽器滾動條樣式 */
div::-webkit-scrollbar {
width: 5px;
}
div::-webkit-scrollbar-thumb {
background-color: #a8a8a8;
}
div::-webkit-scrollbar-track {
background-color: #f5f5f5;
}

以上CSS代碼的實現方式是利用了兩個屬性：overflow和max-height，其中overflow屬性設置為auto表示使元素出現滾動條，max-height屬性設置限制元素的最大高度。

此外，為了使滾動條符合設計風格，可以使用scrollbar-width和scrollbar-color屬性，前者用于設置滾動條的寬度（Firefox瀏覽器不支持此屬性），后者用于設置滾動條的顏色。

值得注意的是，不同瀏覽器對滾動條的樣式支持不同，因此需要采用不同瀏覽器的私有前綴來實現。::-webkit-scrollbar用于適配Chrome、Safari、Opera瀏覽器的滾動條樣式，而::-webkit-scrollbar-thumb和::-webkit-scrollbar-track則用于適配Firefox瀏覽器的滾動條樣式。

以上就是用CSS3實現超出顯示滾動條的方法了。通過這種方式，可以使頁面更具有優美的視覺效果和易讀性。希望對大家有所幫助。