CSS是一種用于制作網頁樣式的語言。其中一個常見的問題，就是在設置元素的高度時，可能會被元素內部的內容撐開，導致頁面錯亂。接下來，我們將介紹如何使用CSS來固定元素的高度，使其不被撐開。

//HTML代碼
<div class="box">
<p>這里是一段文本...</p>
</div>
//CSS代碼
.box{
height: 200px;//固定高度
overflow: auto;//超出部分滾動條顯示
}

當我們在CSS中設置元素的高度時，如果該元素包含的內容超過了設置的高度，元素會自動撐開來適應內容。但是，如果我們添加overflow: auto;屬性，超出部分將會自動出現滾動條，而不會影響整個頁面的布局。

此外，還有一些其他的方法來固定元素的高度，例如使用max-height屬性，但需要注意的是，該屬性會影響元素的高度計算方式，因此需要根據實際情況選擇合適的方法。

總的來說，通過使用CSS來固定元素的高度，我們可以避免頁面因為內容過多而導致的錯亂。不同的網頁設計師可以根據自己的實際需求選擇不同的固定高度方法。