CSS中的盒子模型是指在HTML中，每一個元素都可以看作是一個盒子，包括了元素本身、元素的外邊距、邊框和內邊距等。然而，在實際的開發中，我們常常會遇到一個問題，那就是某些元素的盒子會被撐大，導致頁面顯示不正常。這時，我們可以使用CSS來設置元素的盒子不被撐大。

首先，我們需要了解一個CSS屬性，即box-sizing。這個屬性可以設置元素的盒子模型是使用標準的W3C盒子模型還是使用IE盒子模型。默認情況下，box-sizing是content-box，即使用W3C盒子模型。而使用content-box模型時，一個元素的盒子模型是由content、padding和border三個部分組成的，width和height只會計算content的寬度和高度，而不會計算padding和border的尺寸。

為了避免元素被撐大，我們可以使用box-sizing: border-box。這時，元素的盒子模型將由content、padding和border共同組成，width和height會計算包括padding和border在內的尺寸。

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

除此之外，還有一個常見的問題是圖片會撐大父元素的盒子。這時，我們可以通過設置圖片的max-width屬性，來限制圖片的寬度不會超過父元素的寬度。

.example img {
max-width: 100%;
}

通過以上兩種方式，我們可以有效地避免元素的盒子被撐大，從而讓頁面顯示更加正常。