<div 占全屏是指在網頁布局中，使用HTML的div標簽將元素撐滿整個屏幕的寬度和高度。通過設置相關的CSS屬性，如寬度、高度和定位等，可以實現該效果。以下是幾個代碼案例，詳細解釋說明如何讓div元素占滿整個屏幕。
案例一：

<pre>
<style>
.full-screen {
width: 100%;
height: 100vh;
background-color: #f2f2f2;
}
</style>
<br>
<div class="full-screen">
<p>這是一段占滿全屏的內容</p>
</div>

在上述代碼中，我們給div元素添加了一個名為"full-screen"的類。通過設置寬度為100%和高度為100vh（視口高度），可以使該div元素占據整個屏幕的寬度和高度。我們還添加了一個背景顏色規則，以使其更加明顯。這樣，div元素就可以占滿全屏。
案例二：

<pre>
<style>
.full-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f2f2f2;
}
</style>
<br>
<div class="full-screen">
<p>這是一段占滿全屏的內容</p>
</div>

上面這段代碼中，我們使用了position: fixed;來設置div元素的定位方式，并通過top: 0;和left: 0;將其置于頁面的左上角。再次設置寬度為100%和高度為100%，使其占據整個屏幕的寬度和高度。同樣，我們添加了一個背景顏色規則。這樣，通過設置定位和寬高，div元素可以占滿全屏。
案例三：

<pre>
<style>
body, html {
height: 100%;
margin: 0;
padding: 0;
}
<br>
  .full-screen {
height: 100%;
background-color: #f2f2f2;
}
</style>
<br>
<div class="full-screen">
<p>這是一段占滿全屏的內容</p>
</div>

在以上代碼中，我們給body和html元素添加了樣式規則height: 100%;，并設置了margin和padding為0。這樣可以確保整個頁面的高度占滿了視口的高度。接下來，我們給div元素添加了高度為100%的樣式規則，使其占據整個頁面的高度。同樣，為了更清楚地看出效果，我們設置了背景顏色規則。
通過上述幾個案例，我們可以了解如何使用div元素來實現占滿全屏的效果。根據不同的需求和布局，可以根據實際情況選擇適合的方法來實現。