在網頁開發中，我們經常會遇到一個問題，當元素的內容超出了規定的高度時，剩余部分就不顯示了。這個問題在使用 CSS 中的 overflow 屬性可以得到解決。 我們可以使用以下 CSS 屬性來控制元素的溢出內容： - overflow-x：控制內容在水平方向上的溢出情況。 - overflow-y：控制內容在垂直方向上的溢出情況。 - overflow：控制內容在水平和垂直方向上的溢出情況。 - overflow-wrap：指定元素有較長的單詞時如何斷行。 - word-wrap：強制單詞間換行，不需要使用空格或連字符來進行斷行。 例如，在以下代碼中，我們將 overflow 屬性設置為 auto，這將使元素中超出高度和寬度的部分出現滾動條：

p {
height: 100px;
width: 200px;
overflow: auto;
}

另外一種常用的解決方案是使用 CSS 中的 text-overflow 屬性。 當元素的寬度被限制，但內容太長，不能容納時，text-overflow 屬性可定義當文本溢出包含元素時如何處理：

p {
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在以上代碼中，我們將文本溢出時，使用省略號（...）來替代超出的部分。這樣，當內容超出元素的寬度時，它們將不會被截斷，而是被替換為省略號。 總之，了解如何控制元素中超出高度部分不顯示的方式是很重要的。這有助于網頁開發人員在構建頁面時更好地掌控內容的呈現方式，從而創建出更美觀和更易于使用的網站。