<div>是HTML中最常用的標簽之一，它用于定義文檔中的一個區域或一個部分，可以用來包裹其他HTML元素。在網頁設計中，經常會有需求將一個<div>元素覆蓋整個頁面，使其鋪滿屏幕。這可以通過使用CSS來實現，通過定義樣式表中的屬性和數值，我們可以讓<div>鋪滿整個頁面。
下面我們將通過幾個代碼案例詳細解釋如何將<div>鋪滿頁面。
第一個案例中，我們將使用基本的CSS屬性來實現<div>鋪滿頁面。我們先創建一個基本的HTML結構，包含一個<div>元素和一些內容：

<div class="container">
<p>這是一個鋪滿頁面的例子</p>
</div>

接下來，在樣式表中定義一個名為.container的類，設置其寬度和高度為100%：

.container {
width: 100%;
height: 100%;
}

在這個例子中，<div>元素將占據整個屏幕的寬度和高度，實現了鋪滿頁面的效果。
在第二個案例中，我們將結合使用CSS的絕對定位和top、left、right、bottom屬性，來實現<div>鋪滿頁面的效果。同樣，我們創建一個基本的HTML結構，包含一個<div>元素和一些內容：

<div class="container">
<p>這是另一個鋪滿頁面的例子</p>
</div>

然后，在樣式表中定義一個名為.container的類，設置其定位為絕對定位，并將top、left、right、bottom屬性都設置為0：

.container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

通過將<div>元素的定位設置為絕對定位，并將四個方向的屬性都設置為0，<div>就會鋪滿整個頁面。
以上是兩個實現<div>鋪滿頁面的簡單案例，你可以根據自己的需求和網頁設計的具體要求來選擇適合的方法。無論是使用基本的CSS屬性還是結合定位屬性，都可以輕松實現<div>鋪滿頁面的效果。希望以上的解釋和案例對你有幫助！