在進行網站設計時，CSS 是一個必不可少的部分。然而，在網站開發過程中，我們可能會遇到一個常見問題：CSS 高度被撐大。

造成這個問題的原因可能有多種，最常見的原因是由于文本或圖像元素的高度超出了其父元素的高度。 CSS 提供了一些方法來解決這個問題。

.parent {
height: 200px;
overflow: hidden; 
}
.child {
height: auto;
}

使用這些 CSS 屬性可以控制子元素的高度并將內容限制在父元素的高度內。

此外，CSS 還提供了一些其他的屬性，如 max-height 和 min-height，可以控制元素的最大和最小高度，以達到更好的控制。

.child {
max-height: 150px;
min-height: 50px;
}

通過這些屬性的使用，我們可以更好地控制網站內容的呈現，確保網站在各種瀏覽器和設備上都能得到最佳的顯示效果。