CSS是前端開發中不可或缺的一部分，它可以幫助開發者輕松控制網頁的布局、樣式。在網頁中，經常會遇到子元素高度不固定，需要自適應父控件高度的情況。本文將介紹一種使用CSS實現父控件自適應高度的方法。

在開始介紹方法前，我們先來看一個簡單的例子，假設我們有一個包含兩個子元素的容器 div，其中一個子元素是圖片，高度不固定，另一個子元素是一段文字，高度也不固定。我們希望這個容器 div 高度能夠自適應子元素的高度，方法如下：

這里是一段文本內容

我們首先將 div 設置成display: flex;，這樣子元素就可以自動排列。然后我們將 div 的flex-direction屬性設置為column，這樣子元素就會垂直排列。接著，我們將 div 的justify-content屬性設置為flex-start，這樣圖片和文字就會靠上對齊。最后，我們將 div 的align-items屬性設置為center，這樣子元素就會水平居中。為了讓圖片自適應寬度，我們將它的寬度設置為 100% ，高度設置為 auto；為了讓文字寬度能夠自適應，我們將 p 元素的寬度設置為 90% 。

現在，我們已經成功地實現了父控件的自適應高度！通過這個方法，我們可以方便地管理網頁布局，帶來更好的用戶體驗。