CSS 的超出隱藏（Overflow Hidden）是在網(wǎng)頁(yè)設(shè)計(jì)中非常常見的一個(gè)技巧，它可以將元素內(nèi)超出部分的內(nèi)容隱藏起來(lái)，從而達(dá)到簡(jiǎn)化布局和美觀設(shè)計(jì)的目的。在超出部分被隱藏后，該元素不會(huì)對(duì)頁(yè)面的尺寸起任何影響，即不占位，這就是Overflow Hidden 的一個(gè)非常有用的特點(diǎn)。

.overflow-hidden {
overflow: hidden;
}

如上方代碼所示，我們可以使用 CSS 中的 overflow 屬性來(lái)實(shí)現(xiàn)隱藏超出元素的內(nèi)容。在該屬性值設(shè)置為 hidden 后，元素超出部分的內(nèi)容就會(huì)被自動(dòng)隱藏，并且不會(huì)影響到元素本身的尺寸定位。

Overflow Hidden 不僅可以用于隱藏超出的文字和圖片，還可以用來(lái)隱藏滾動(dòng)條等元素。當(dāng)頁(yè)面具有大量個(gè)滾動(dòng)條時(shí)，使用 overflow 屬性可以讓頁(yè)面顯得更加簡(jiǎn)潔和美觀。

需要注意的是，Overflow Hidden 隱藏的是整個(gè)元素內(nèi)的超出部分，而不僅僅是內(nèi)容本身。因此，在使用該技巧時(shí)，我們需要確保元素的大小和位置都已經(jīng)對(duì)齊，否則會(huì)導(dǎo)致其他元素的布局被影響。

總之，CSS 的 Overflow Hidden 所具備的超出部分隱藏、不占位等特點(diǎn)，在網(wǎng)頁(yè)設(shè)計(jì)中發(fā)揮著非常關(guān)鍵的作用。它能夠使我們的頁(yè)面更加簡(jiǎn)潔、美觀，并且能夠避免一些麻煩的布局問(wèn)題。