CSS 父容器隨子容器變大是指，當子容器的寬度或高度增加時，父容器的寬度或高度也會隨之增加。這種效果可以通過 CSS 的布局屬性來實現。

.parent {
display: flex; // 使用 flex 布局
justify-content: center; // 水平居中
align-items: center; // 垂直居中
}
.child {
width: 200px;
height: 100px;
}

在上面的代碼中，設置了一個父容器和一個子容器。父容器使用了 flex 布局，并且設置了 justify-content 和 align-items 屬性來使子容器水平居中和垂直居中。

當子容器的寬度或高度增加時，父容器的寬度或高度也會隨之增加。這是因為父容器的布局屬性會使其根據子容器的寬度或高度來進行調整。

.parent {
display: inline-block; // 使用 inline-block 布局
padding: 10px;
}
.child {
width: 200px;
height: 100px;
}

在上面的代碼中，父容器使用了 inline-block 布局，并且設置了 padding 屬性。當子容器的寬度或高度增加時，父容器的寬度或高度也會隨之增加。這是因為父容器的 inline-block 布局會使其根據子容器的寬度或高度來進行調整。

總的來說，實現 CSS 父容器隨子容器變大的效果需要靈活使用各種布局屬性來響應不同的情況，從而提高頁面的美觀性和可讀性。