CSS是構(gòu)成網(wǎng)頁的重要組成部分之一，它能夠美化頁面、增強用戶體驗和提高頁面的性能。其中一個常用的CSS技術(shù)是隱藏元素，這里我們講一下如何通過CSS隱藏一個元素但是保留它的位置。

我們需要用到的CSS屬性是display。我們知道，display用來控制一個元素在頁面中的顯示方式，包括block、inline、none等值。其中，none值可使元素在頁面中完全消失，但是也別忘了它占據(jù)了一定的位置。那么，我們?nèi)绾尾拍茏屢粋€元素在頁面中隱藏但是占據(jù)它原本的位置呢？

.hidden {
visibility: hidden;
}

通過設(shè)置visibility屬性為hidden，元素將會被隱藏但是占據(jù)它原本的位置。這是因為visibility屬性只是將元素變?yōu)椴豢梢姡窃陧撁娌季种腥詴Ａ粼镜奈恢谩５切枰⒁獾氖牵m然元素占據(jù)的空間不變，但是它的樣式（如背景和邊框）依然會影響布局。

通過這個技術(shù)，我們可以隱藏一些不必要的元素以優(yōu)化頁面性能，或者提供一些需要顯示和隱藏的功能，比如操作菜單等。