CSS3是前端開發中非常重要的一部分，除了它的各種美化效果，還有一些CSS3的超出滾動特效也非常值得關注。超出滾動特效可用于對超出部分的內容進行滾動，提供了更好的用戶體驗。下面我將分享一些關于CSS3超出滾動的知識點。

.box{
width: 300px;
height: 150px;
overflow: hidden;
}

使用overflow屬性控制包含元素的超出內容的顯示。若overflow為hidden，則超出內容將被隱藏。

.box{
width: 300px;
height: 150px;
overflow-x: scroll;
}

overflow-x屬性控制橫向超出內容的顯示。若overflow-x為scroll，則會出現橫向滾動條，用戶可以通過滾動條查看超出的內容。

.box{
width: 300px;
height: 150px;
overflow: auto;
}

overflow:auto則根據內容自動添加滾動條，若沒有超出，則無滾動條。

.box{
width: 300px;
height: 150px;
overflow-y: hidden;
display: flex;
}

使用flex布局后，超出元素可以在同一行進行排列。若overflow-y為hidden，則縱向超出的內容將被隱藏。

以上就是CSS3超出滾動的一些知識點，希望能對你有所幫助。