<div>標簽是HTML中的一個重要元素，它用于在網頁中創建獨立的區塊。與其他HTML元素不同的是，<div>元素默認情況下不會占據任何空間，它僅用于將內容分組或者應用樣式。然而，有一種情況下<div>元素會占據空間，那就是在應用了特定的CSS樣式時。
下面通過幾個代碼案例來詳細解釋"div 占空間"的情況。
代碼案例一：
<html> <body> <div style="width: 100px; height: 100px; background-color: red;"></div> </body> </html>
在上述代碼中，我們為<div>元素應用了CSS樣式，設置了寬度和高度，并且背景色為紅色。這時，<div>元素會在頁面上占據一個100x100像素的矩形空間。
代碼案例二：
<html> <body> <div style="padding: 20px;"></div> </body> </html>
在這個案例中，我們給<div>元素應用了20像素的內邊距（padding）。內邊距會在<div>元素的內容和邊框之間創建間距，從而使<div>元素在頁面上占據一定的空間。
代碼案例三：
<html> <body> <div style="margin: 20px;"></div> </body> </html>
在這個案例中，我們給<div>元素應用了20像素的外邊距（margin）。外邊距會在<div>元素和其他元素之間創建間距，從而使<div>元素在頁面上占據一定的空間。
通過以上幾個案例，我們可以看到在應用了特定的CSS樣式時，<div>元素可以占據一定的空間。這對于布局設計和頁面元素排列非常有用，能夠更加靈活地控制網頁的外觀和結構。
在實際應用中，很多網站都會使用<div>元素來創建網頁的不同區域，比如導航欄、側邊欄、頁頭、頁腳等等。通過合理地使用<div>元素和CSS樣式，可以實現豐富多樣的網頁布局效果。
來說，<div>元素默認情況下不占據任何空間，它僅用于分組和樣式應用。但在應用了特定的CSS樣式時，<div>元素可以占據一定的空間，從而實現靈活的布局和排列效果。