CSS作為前端開發中非常重要的技術之一，常常用來控制網頁內容的顯示方式。

其中，控制元素布局和大小的盒子模型，是使用CSS進行網頁設計不可或缺的一部分。但是，有時在設計元素大小時，會出現內容超過盒子大小的情況。這就需要使用CSS進行調整，使得元素內容不會超出盒子范圍。下面就來介紹一些CSS在元素大小上的調整：

.box {
width: 200px;
height: 200px;
overflow: hidden;
}

以上的代碼就是用來限制盒子內內容不超出盒子的代碼。通過使用overflow:hidden屬性，可以將超出盒子范圍的內容隱藏起來，從而實現不超出盒子范圍的效果。

.box {
width: 200px;
height: 200px;
text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
}

如果我們想讓內容顯示在盒子范圍內，但又不想讓盒子溢出到下一行，那我們就可以使用text-overflow:ellipsis屬性，來將超出的內容用省略號代替。而white-space:nowrap可以阻止文字換行，從而達到一行內顯示所有內容的效果。

.box {
width: 200px;
height: 200px;
word-wrap: break-word;
overflow: hidden;
}

如果我們的內容是長串文字，那么使用text-overflow:ellipsis可能并不能完整地顯示內容。這個時候，我們可以使用word-wrap: break-word屬性，將文字強制換行，從而讓文字在整個盒子內都顯示完整。

以上就是幾種讓元素內容不超出盒子的方法。在實際開發中，我們需要根據具體需求進行選擇。希望以上的方法能夠幫到大家！