CSS是前端開發中非常重要的技術之一，利用CSS可以實現各種各樣的頁面效果。在編寫HTML頁面時，經常會遇到一個問題：如何設置div不占空間？下面就來介紹一下如何實現。

首先，我們需要理解什么是“不占空間”。通常情況下，元素在頁面中都會占據一定的空間，形成一種布局效果。但是有時候，我們希望一個元素不占據空間，也就是說它不影響其他元素的布局。

實現這個效果，我們需要使用CSS的一些特殊屬性，比如position和visibility。下面是示例代碼：

<div class="box">
<p>這是一個測試</p>
</div>
.box {
position: absolute;
visibility: hidden;
}

在上面的示例代碼中，我們創建了一個帶有文本內容的div，然后通過CSS設置了position: absolute和visibility: hidden，這樣就實現了不占據空間的效果。

其中，position: absolute的作用是將元素的定位類型設置為“絕對定位”，這樣就可以脫離文檔流，不占據空間。而visibility: hidden則是將元素的可見性設置為“隱藏”，這樣雖然元素仍然存在，但是不會顯示出來。

綜上所述，利用CSS的position和visibility屬性可以實現設置div不占空間的效果。但是需要注意，這種方法只適用于需要隱藏的元素，如果需要顯示的話，還需要改變元素的屬性值。