在CSS中，有一個叫做<overflow>的屬性，該屬性可以控制元素在內容溢出時的顯示和處理方式。其中一個值是hidden，表示隱藏溢出的部分。接下來我們來詳細探討一下這個屬性的用法和特點。

<overflow>屬性可以被應用于任何可滾動的元素中，包括div和iframe等。如果你將<overflow>設置為hidden，那么元素內容溢出時，會被隱藏在元素的邊緣之內，不會出現在元素的可見區域中。

.example {
overflow: hidden;
}

上述代碼會將頁面中class為example的元素設置為溢出內容隱藏的狀態。

除了能夠隱藏溢出的內容外，<overflow>屬性還有一個重要的作用，那就是避免元素大小自適應溢出內容的大小。如果一個元素的寬度被設置為500像素，并且其中的內容寬度大于500像素時，如果不設置<overflow>為hidden，那么元素會自動拉伸至內容的寬度，導致頁面不美觀。而將<overflow>設置為hidden，就可以讓元素保持固定寬度，而溢出的內容會被隱藏，不影響頁面布局。

需要注意的是，當元素內容溢出時，設置為<overflow>:hidden的元素是無法進行滾動的。如果你需要滾動元素內的內容，那么需要將<overflow>屬性設置為scroll或者auto。

.example {
overflow: auto;
}

上述代碼就會將頁面中class為example的元素設置為溢出內容可以滾動的狀態。

總之，<overflow>屬性是CSS中一個非常實用的屬性，它能夠控制元素內容溢出時的處理方式，讓頁面布局更加美觀。而<overflow>的hidden值，可以將溢出的內容隱藏起來，同時還能避免元素自適應大小溢出內容的情況發生。