CSS中保持盒子大小非常重要，是設計網頁布局時必須注意的一點。下面讓我們來探討幾種實現這一點的方法。

第一種方法是使用CSS的盒子模型。盒子模型有兩種，分別是content-box和border-box。其中，content-box是默認值，它表示元素的寬度和高度僅包括內容，不包括邊框和內邊距。而border-box則表示元素的寬度和高度包括邊框和內邊距。因此，如果我們想保持元素的大小不變，則需要將元素的盒子模型設置為border-box。

.box {
box-sizing: border-box;
}

第二種方法是使用CSS的flex布局。在flex布局中，我們可以通過設置flex屬性的值為1，來保持子元素的大小不變。

.container {
display: flex;
}
.item {
flex: 1;
}

第三種方法是使用CSS的grid布局。在grid布局中，我們可以通過設置網格的大小和行列的比例，來保持子元素的大小不變。

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
}
.item {
grid-column: 1 / span 2;
grid-row: 1 / span 2;
}

以上三種方法都可以保持盒子大小不變，具體使用哪種方法，取決于具體的設計需求。不過在實際應用中，我們可能會遇到不同屏幕大小的問題，這時候就需要使用響應式布局來解決。