CSS中有一種樣式叫做“不溢出隱藏”，其主要作用就是當文本或圖片超出元素的邊界時，將其隱藏，而不是顯示溢出部分。

.overflow-hidden {
overflow: hidden;
}

上述代碼中，我們將overflow屬性設置為hidden，這樣，當元素中的內容超出其邊界時，就會被隱藏。

這種樣式通常用在需要控制元素大小的場合，例如圖片展示、文字排版等。如果沒有不溢出隱藏的樣式，可能會造成元素變形、頁面布局混亂等問題。而通過設置不溢出隱藏，我們可以更好地控制元素的尺寸和展示效果。

需要注意的是，不溢出隱藏的樣式僅限于隱藏超出邊界的部分，而不是將元素裁剪。如果需要裁剪元素內容，請使用clip-path等相關技術。

總之，css不溢出隱藏是一個非常實用的樣式，能夠幫助我們更好地控制頁面展示效果，避免出現不必要的問題。