在前端開發中，經常遇到需要父容器高度自適應的情況，這種情況下我們通常使用CSS來實現。下面我們將介紹兩種常見的實現方式。

一、使用浮動

父容器的CSS代碼中添加以下樣式：
父容器 {
overflow: hidden;
}
子元素 {
float: left;
}
clear: both;

這里我們使用了浮動的特性來實現自適應的高度。由于浮動的元素脫離了文檔流，所以父容器默認無法探測到子元素的高度，使用clear樣式可以清除元素浮動的影響，使父容器的高度自適應。

二、使用display: flex

父容器的CSS代碼中添加以下樣式：
父容器 {
display: flex;
flex-direction: column;
}

使用display: flex布局，將flex-direction設置為column，使父容器的子元素按照從上到下的方向排列。flex布局會自動將父容器的高度調整為子元素的高度之和，故而實現自適應的高度。

以上兩種方法都可以實現父容器高度的自適應，但是使用display: flex的方法在實現的同時還可以進行更多的樣式設置，如justify-content、align-items等屬性，是一種更加靈活的實現方式。