CSS是現代網頁設計的重要組成部分，除了可以美化網頁外，還可以讓網頁元素在頁面中占據不同的位置。其中，有一種CSS效果是讓元素不可見但仍占據空間，這在頁面設計中非常實用。

要實現這種效果，可以使用CSS的display屬性。display屬性的值有很多種，其中比較常用的有以下幾種：

display: none; /*元素不可見，并從布局中移除*/
display: block; /*塊級元素，獨占一行*/
display: inline; /*內聯元素，可與文本混排*/
display: inline-block; /*混合型，可設置寬高等屬性*/
display: flex; /*伸縮盒子，可以靈活布局*/

其中，display: none;是讓元素不可見，并且從布局中移除的。而如果只想讓元素不可見但仍占據空間，則可以用一些其他值來代替。

比如，可以使用visibility屬性來實現元素不可見但仍占據空間。visibility有兩個取值：visible和hidden。visible表示元素可見，而hidden表示元素不可見，但仍占據空間。

visibility: hidden;

上述代碼將使元素不可見，但占據空間，仍然可以影響頁面布局。類似的還有opacity屬性，通過設置透明度來讓元素不可見但仍占據空間。

opacity: 0;

此外，還可以通過設置元素的高度或寬度為0來實現元素不可見但仍占據空間。

height: 0px;
width: 0px;

這些方法都可以實現元素不可見但仍占據空間，具體選擇哪個方法取決于實際需求。CSS的各種效果可以相互組合，可以實現各種形式的頁面布局和效果，為網頁設計師提供了無限創意空間。