最近在學習CSS時，遇到了一個問題：如何讓子元素的高度自適應？在經過一番搜索和研究后，我終于掌握了這個技巧，今天就和大家分享一下。

解決方法很簡單，就是在子元素的樣式中加入如下代碼：

子元素 {
display: table-cell;
vertical-align: middle;
height: 100%;
}

這里的關鍵在于使用了display: table-cell這個屬性，它能夠模擬表格單元格的特性，使得子元素自動適應其父元素的高度。同時，vertical-align: middle可以將子元素垂直居中。

另外，添加height: 100%也很重要，它是確保子元素能夠充滿整個父元素的關鍵，如果不加這個屬性，子元素便不能自動適應高度。

需要注意的是，這個方法只能用于有固定高度的父元素，如果父元素的高度也是自適應的，那么這個方法就無法奏效了。

總結一下，使用display: table-cell、vertical-align: middle和height: 100%這三個屬性可以輕松地實現子元素自適應高度，這是我們在CSS中非常有用的一個技巧，希望大家也能掌握。感謝大家的閱讀。