CSS隱藏元素不占用空間是一種常見的CSS技巧，可以讓網站中不必要的元素從頁面中消失，從而提高頁面的性能和可訪問性。

隱藏元素是指通過CSS的隱藏屬性，將需要隱藏的元素從頁面中隱藏，而不需要占用任何額外的空間。這種技巧在很多網站中被廣泛使用，例如在導航欄、側邊欄、列表項等元素中。

隱藏元素的原理是通過CSS的display屬性，將需要隱藏的元素設置為none或p開頭的字母，從而隱藏它而不占用任何額外的空間。這種方法可以節(jié)省大量的空間，因為如果元素需要占用空間，那么它將不會被瀏覽器顯示在頁面上。

下面是一個使用隱藏元素的技巧的例子：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

在這個例子中，我們使用CSS的display屬性將li元素設置為none，這樣它就不會在頁面上顯示。

```css

display: none;

當我們需要訪問這個列表時，我們可以使用JavaScript將隱藏的元素顯示出來，例如：

```javascript

var list = document.getElementById("myList");

list.style.display = "block";

這個例子中，我們使用JavaScript將列表中的元素顯示出來，這樣用戶就可以看到一個清晰的列表。

使用隱藏元素的技巧可以節(jié)省大量的空間，并且可以讓網站更加簡潔和易于導航。但是需要注意的是，如果你在頁面中使用大量的隱藏元素，那么頁面的加載速度可能會變慢，因為瀏覽器需要顯示和隱藏大量的元素。因此，在使用隱藏元素時，需要謹慎使用，并確保元素不會對用戶體驗產生負面影響。