CSS隱藏元素是網頁開發中的一個重要特性，它可以幫助我們隱藏頁面中的某些元素，使網頁看起來更加清晰簡潔。但是，有時候我們發現隱藏的元素并沒有真正地消失，而是占用了頁面空間。這時，我們需要使用CSS隱藏元素且不占用的技巧。

首先，我們可以使用display屬性來隱藏元素，并將visibility屬性設置為hidden。這樣做的好處是，元素雖然被隱藏掉了，但是仍然保留了在文檔流中的位置（也就是說，不會占用其他元素的位置）。示例代碼如下：

.hidden{
display:none;
visibility:hidden;
}

如果我們想隱藏的元素不僅占用位置，而且也不占用其他元素的位置，可以使用position屬性將其absolute或fixed定位。然后，將left和top屬性設置為-9999px，將z-index屬性設置為-1。這樣做可以讓元素保持在文檔流中，但是不會對其他元素產生任何影響。示例代碼如下：

.hidden{
position:absolute;
left:-9999px;
top:-9999px;
z-index:-1;
}

最后，我們還可以使用opacity屬性來隱藏元素，并將其設置為0。雖然這樣做會占用頁面空間，但是元素可以響應鼠標事件（例如點擊等），這對于一些特殊的需求可能會更加方便。示例代碼如下：

.hidden{
opacity:0;
}

以上就是CSS隱藏元素且不占用的三種方法，開發者們可以根據實際需求選擇不同的方法來實現隱藏元素的效果。