CSS中的不占位隱藏是一種讓元素在頁面上看不見，但仍然占有空間的技巧。這種技巧有很多應用場景，比如隱藏元素、制作動畫和交互等。

不占位隱藏有多種方法，其中比較常用的是使用visibility屬性或opacity屬性。這兩個屬性都可以讓元素在頁面上不可見，但是它們對元素占用空間的影響是不一樣的。

/*使用visibility屬性進行不占位隱藏*/
.hide{
visibility: hidden;
}
/*使用opacity屬性進行不占位隱藏*/
.hide{
opacity: 0;
}

在使用visibility屬性的時候，雖然元素在頁面上看不見了，但是它仍然占有空間，也就是說其他元素會認為它在頁面上存在。而使用opacity屬性進行不占位隱藏的時候，元素也看不見了，同時還不占用空間，也就是說其他元素會認為它在頁面上不存在。

除了上述兩種方法，還有一些其他的不占位隱藏的技巧，比如使用width: 0; height: 0;或者clip: rect(0,0,0,0);等。這些方法與前兩種方法相比，可能不太常用，但有些情況下也會派上用場。

/*使用width和height屬性進行不占位隱藏*/
.hide{
width: 0;
height: 0;
}
/*使用clip屬性進行不占位隱藏*/
.hide{
position: absolute;
clip: rect(0,0,0,0);
}

總的來說，不占位隱藏可以讓我們在頁面設計和開發中更加靈活地運用CSS，提高頁面的美觀性和交互性。但是在實際應用中，我們還需要根據具體情況和需求選擇適合的不占位隱藏方法。