CSS是一種用來美化網頁的樣式表語言，而其子元素充滿效果則是較為常用的樣式之一。

在CSS中，我們可以通過子元素選擇器（" >"）來選中某個元素的所有直接子元素，從而應用相應的樣式。而通過給該子元素設置寬度和高度為100%，就可以使其充滿其父元素的寬度和高度。

/* 父元素樣式 */
.parent {
position: relative; /* 確定子元素的相對位置 */
width: 500px;
height: 300px;
background-color: #ccc;
}
/* 子元素樣式 */
.child {
position: absolute; /* 確定子元素的絕對位置 */
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f00;
}

在上述代碼中，我們通過給父元素設置了相對定位，以便確定其內部子元素的絕對定位。而在子元素中，我們將其定位到父元素的左上角，再將其寬度和高度都設置為100%。這樣，子元素就可以完全充滿父元素了。

需要注意的是，僅有高度或寬度為100%是無法實現子元素充滿效果的。因為一個元素的高度和寬度是由其內容、邊框、內邊距和外邊距共同決定的，而高度和寬度都是100%的元素實際上是將自己的高度和寬度設置為其父級元素大小的和。

除了使用子元素選擇器，我們還可以通過其他方式來實現子元素充滿效果，比如使用flex布局等等。不同的方法適用于不同的場景，需要根據具體情況選擇。