CSS超出隱藏是一種常用的排版技巧，它可以在元素內容溢出容器時自動隱藏多余部分，以達到更好的排版效果。而超出隱藏并滾動則基于此技巧，添加了滾動條功能，使查看隱藏內容更加方便。

.example {
width: 200px;
height: 100px;
overflow: hidden;
}

上述CSS代碼定義了一個名為example的容器，它的寬度為200px，高度為100px，而overflow屬性設置為hidden，則表示超出部分將被隱藏。

.example {
width: 200px;
height: 100px;
overflow: scroll;
}

上述CSS代碼則將overflow屬性的值改為scroll，此時內容超出后會自動添加滾動條，可以讓用戶通過鼠標滾輪或拖動滑塊來查看內容。

除了scroll屬性，還有auto屬性，當容器的內容超出容器大小時，瀏覽器自動添加滾動條。需要注意的是，在移動端設備上，應謹慎使用超出隱藏并滾動，因為滾動條可能會影響觸摸區域和體驗。

總的來說，CSS超出隱藏及其衍生技術在網頁布局中起到了重要的作用，能夠美化排版效果，提升用戶體驗。