CSS中的div鋪滿是一種常見的技術，用于使div元素占滿其父元素的全部空間。通過設置合適的CSS屬性，我們可以實現各種各樣的布局效果。本文將通過幾個實例來詳細解釋如何使用CSS將div元素鋪滿。
第一個實例是將div元素的寬度設置為父元素的100%。這樣做可以使div元素水平方向上鋪滿整個父元素。代碼如下所示：

<pre>
<style>
.parent {
width: 500px;
height: 300px;
background-color: #f1f1f1;
}
.child {
width: 100%;
height: 100px;
background-color: #ff0000;
}
</style>
<br>
<div class="parent">
<div class="child"></div>
</div>

在上面的代碼中，我們設置了一個父元素（class為parent）的寬度為500px，高度為300px，并且背景顏色為#f1f1f1。然后，我們在父元素中添加了一個子元素（class為child）的div，將其寬度設置為父元素的100%（即500px），高度設置為100px，并且背景顏色為#ff0000。通過這樣的設置，子元素會鋪滿父元素的寬度。
第二個實例是將div元素的高度設置為父元素的100%。這樣做可以使div元素垂直方向上鋪滿整個父元素。代碼如下所示：

<pre>
<style>
.parent {
width: 300px;
height: 200px;
background-color: #f1f1f1;
}
.child {
width: 100px;
height: 100%;
background-color: #ff0000;
}
</style>
<br>
<div class="parent">
<div class="child"></div>
</div>

在上面的代碼中，我們設置了一個父元素（class為parent）的寬度為300px，高度為200px，并且背景顏色為#f1f1f1。然后，我們在父元素中添加了一個子元素（class為child）的div，將其寬度設置為100px，高度設置為父元素的100%（即200px），并且背景顏色為#ff0000。通過這樣的設置，子元素會鋪滿父元素的高度。
第三個實例是將div元素同時設置寬度和高度為父元素的100%。這樣做可以使div元素在水平和垂直方向上都鋪滿整個父元素。代碼如下所示：

<pre>
<style>
.parent {
width: 400px;
height: 400px;
background-color: #f1f1f1;
}
.child {
width: 100%;
height: 100%;
background-color: #ff0000;
}
</style>
<br>
<div class="parent">
<div class="child"></div>
</div>

在上面的代碼中，我們設置了一個父元素（class為parent）的寬度為400px，高度為400px，并且背景顏色為#f1f1f1。然后，我們在父元素中添加了一個子元素（class為child）的div，將其寬度和高度都設置為父元素的100%（即400px），并且背景顏色為#ff0000。通過這樣的設置，子元素會在水平和垂直方向上都鋪滿父元素。
通過以上的實例，我們可以看到CSS中如何使用div鋪滿父元素的方法。這些方法可以根據實際需求來靈活運用，實現各種各樣的布局效果。希望本文能夠對您的學習和工作有所幫助！