CSS是前端開發中不可或缺的一部分，它可以幫助我們美化頁面，實現各種效果。其中最常用的就是設置盒子的樣式。在CSS中，我們可以通過設置盒子的寬度、高度、邊框、內邊距等屬性來實現自定義盒子的樣式。而今天我們要介紹的就是如何讓盒子自動填充。

要讓盒子自動填充，我們需要使用CSS中的box-sizing屬性和width屬性。這兩個屬性控制了盒子的大小，讓它自動填充所在的容器。

/* 設置盒子自動填充 */
.box {
box-sizing: border-box; /*將盒子的尺寸包括邊框和內邊距*/
width: 100%; /*自動填充所在的容器*/
border: 1px solid black; /*盒子的邊框*/
padding: 20px; /*盒子的內邊距*/
}

在上面的代碼中，我們設置了.box類的屬性。首先，我們使用box-sizing屬性將盒子的尺寸包括邊框和內邊距。然后，我們使用width屬性將盒子寬度設置為100%，使它自動填充所在的容器。最后，我們添加了邊框和內邊距的樣式。

通過上述設置，我們可以讓盒子按照所在容器的寬度自動填充，而且不用擔心邊框和內邊距的影響。這樣，我們就可以更方便地實現各種自定義的盒子樣式。