在網頁開發中，我們經常會遇到需要讓子元素的高度自適應父容器的情況。這種需求在設計響應式網頁時尤為常見。接下來，我們將介紹一種使用CSS實現自適應父容器高的方法。

.parent {
height: auto;
display: flex;
flex-direction: column;
}
.child {
flex: 1;
}

首先，我們需要將父容器設置為彈性容器，并指定flex-direction為column，使得子元素在豎直方向上可以自適應父容器的高度。其次，我們將子元素的flex屬性設置為1，表示子元素將占據父容器中剩余的空間。

這種方法兼容大部分瀏覽器，并且比其他實現自適應父容器高的方法更加簡單易懂。當然，在實際使用中還需要考慮其他因素，如子元素是否超出父容器的高度等。