CSS是一種強大的樣式表語言，它可以讓我們控制網頁上的各個元素。其中一項常見的需求就是讓盒子固定大小。下面我們來探討一下如何使用CSS實現這個需求。

.box {
width: 200px;
height: 150px;
}

上面的代碼展示了如何為一個名為“box”的盒子設置固定大小。其中“width”屬性用于設置盒子的寬度，“height”屬性用于設置盒子的高度。上述代碼中，盒子的寬度被設置為200像素，高度被設置為150像素。

需要注意的是，上述代碼是應用于CSS類別選擇器的樣式，即將“box”這個類選擇器所對應的所有元素都設置為固定大小。如果只想針對單個元素設置固定大小，可以使用CSS ID選擇器或元素選擇器結合自定義屬性。

#box {
width: 200px;
height: 150px;
}
div[data-size="small"] {
width: 100px;
height: 75px;
}

上述代碼展示了使用CSS ID選擇器和元素選擇器結合自定義屬性來設置盒子固定大小的例子。其中，“#box”表示應用于ID為“box”的元素，而“div[data-size="small"]”表示應用于帶有“data-size”屬性值為“small”的div元素。

通過使用CSS，我們可以很方便地控制網頁上的各個元素大小，從而實現更優美的布局效果。