在前端網頁設計中，我們常常需要將子容器充滿父容器。此時，我們可以使用CSS來完成這個功能。

假設我們有一個父容器和一個子容器代碼如下：

<div class="parent">
<div class="child"></div>
</div>

我們需要將子容器撐滿父容器，此時，我們可以使用以下的CSS代碼：

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

代碼解析：

首先，我們需要讓父容器設置為相對定位（relative），這樣子容器的絕對定位就相對于父容器進行定位。

然后，我們可以使用子容器的四個邊緣top、right、bottom和left來定義子容器的寬度和高度。

其中，top和bottom指的是子容器距離父容器頂部和底部的距離，而right和left則指的是子容器距離父容器右邊緣和左邊緣的距離。當我們將top和bottom都設置為0，并且將right和left都設置為0時，就可以將子容器完全充滿父容器。

通過以上代碼，我們就可以實現子容器充滿父容器的效果了。