在網頁設計中，有時我們需要根據內容的高度來自適應網頁元素的高度。這時候CSS就可以輕松解決這個問題。

.box {
height: auto;
}

以上代碼中，.box是一個容器元素，通過設置高度為auto，就可以讓容器元素自動適應內容的高度。

.text {
height: auto;
display: flex;
align-items: center;
}

如果我們想讓一個文本框也自適應內容高度，可以使用以上代碼。text是文本框所在的元素，設置高度為auto后，再通過display:flex和align-items:center來實現內容垂直居中。

需要注意的是，如果文本框內有圖片等其他元素，最好通過設置寬度和高度來避免內容變形。

總之，CSS是一個非常強大的工具，在實現內容自適應的同時，我們也要注意到瀏覽器兼容性和性能問題。