CSS中的盒子自動變大是常見的一種布局方式，通常使用下面兩種方法來實現：

/* 方法一：使用浮動 */
.box {
float: left;
width: 200px;
height: 200px;
}
.content {
overflow: hidden; /* 讓父元素可以包含子元素浮動的內容 */
}

在上面的代碼中，我們給需要自動變大的盒子加上浮動，并設置它們的寬高，然后給它們的父元素設置overflow:hidden，讓父元素可以容納子元素中的浮動元素，從而實現盒子自動變大的效果。

/* 方法二：使用flex布局 */
.box-container {
display: flex;
flex-wrap: wrap; /* 讓盒子自動換行 */
}
.box {
width: 200px;
height: 200px;
}

在上面的代碼中，我們使用flex布局來讓需要自動變大的盒子自動換行，然后設置盒子的寬高即可實現盒子自動變大的效果。