CSS是一種樣式語言，其功能不僅限于排版和美化頁面，還可以對網頁元素進行控制和操作。其中，隱藏和顯示元素是CSS的基本功能之一。一般情況下，我們使用display屬性來控制元素的顯示，它的值包括block、inline、none等。不過，這些屬性在隱藏一個元素時，都會占用它的空間，從而影響頁面的布局。為了解決這個問題，CSS提供了另一個隱藏元素的方法：不占位隱藏。

.hidden {
visibility: hidden;
position: absolute;
left: -9999px;
}

上面的代碼展示了如何使用CSS不占位隱藏元素。我們將目標元素的visibility屬性設置為hidden，將其position屬性設置為absolute，再將left屬性設置為一個極大的負值，這樣元素就會被隱藏不占用空間。

需要注意的是，使用不占位隱藏元素時，元素依然存在于頁面中，只是不可見而已。如果我們有需要再次顯示這個元素，可以修改其visibility屬性為visible。

不占位隱藏元素在一些場景中非常有用，比如制作彈出菜單、下拉框、模態框等。使用這個方法，我們可以輕松地隱藏元素，而不用擔心它會不會影響頁面布局。