CSS是網頁設計中不可或缺的一部分，它能夠為網頁元素提供樣式和布局。在網頁設計中，有時我們需要讓一個div元素充滿整個屏幕或父元素。本文將使用幾個代碼案例來詳細解釋如何使用CSS讓div充滿。
，我們來了解一下CSS中的兩個重要的屬性和值。屬性是CSS中用來描述元素樣式的關鍵詞，而值是屬性的具體取值?！皐idth”屬性用于設置元素的寬度，“height”屬性用于設置元素的高度。其中，值可以使用具體單位，比如像素（px），百分比（%），視窗單位（vh，vw）等。
案例一：讓div充滿整個屏幕 我們可以通過設置div的寬度和高度為100%來實現讓div充滿整個屏幕的效果。具體的CSS代碼如下：

<style>
.container {
width: 100%;
height: 100%;
}
</style>
<br>
<div class="container"></div>

以上代碼中，我們給div元素添加了一個名為"container"的類，并在CSS樣式中設置了其寬度和高度為100%。這樣，div元素就會完全填充整個屏幕。
案例二：讓div充滿父元素 有時候，我們希望讓div元素充滿其父元素。為了實現這個效果，我們可以使用CSS中的絕對定位（position: absolute）和相對定位（position: relative）屬性。具體的CSS代碼如下：

<style>
.parent {
position: relative;
}
<br>
    .child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<br>
<div class="parent">
<div class="child"></div>
</div>

在以上代碼中，我們給父元素（div）添加了一個名為"parent"的類，并設置其相對定位為"position: relative"。然后，在子元素（div）中，我們給它添加了一個名為"child"的類，并設置其絕對定位為"position: absolute"，并通過設置top、left、width和height屬性為0和100%來讓其充滿父元素。
本文參考了以下真實案例來解釋如何讓div充滿屏幕或父元素的方法。
案例三：絕對定位與相對定位 在W3CSchool的一篇文章《CSS 元素位置與尺寸》，作者通過多個示例詳細解釋了絕對定位（position: absolute）和相對定位（position: relative）的使用方法。其中，作者提到使用絕對定位時，元素的left、right、top和bottom屬性可以通過設置為0來讓元素充滿其父元素。
在這篇文章中，作者還提到了使用calc()函數結合視窗單位（vh，vw）可以實現div充滿屏幕的效果。這種技術可以適用于不同屏幕尺寸的情況下。
： 通過以上幾個代碼案例，我們已經學習了如何使用CSS讓div充滿屏幕或父元素。通過設置寬度和高度為100%、使用絕對定位和相對定位等技巧，我們可以輕松實現這一效果。在實際的網頁設計中，我們可以根據具體需求選擇適合的方法來讓div充滿屏幕或父元素。