在CSS中，我們經(jīng)常需要讓某個div的高度自適應其內(nèi)部內(nèi)容的高度。常用的方法是設置height為auto或者使用clearfix。然而，這些方法都有一定的局限性。

一種更為靈活的方法是使用display: table;和display: table-cell;屬性來實現(xiàn)中間div高度自適應。首先，我們將父級元素的display屬性設置為table，然后將中間的div設置為table-cell，就可以實現(xiàn)高度自適應。

.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}

使用這種方法，我們還可以將多個子元素分別設置為table-cell，并使用vertical-align: middle;來實現(xiàn)垂直居中效果。

需要注意的是，這種方法的兼容性不太好，IE6和IE7不支持display: table;屬性。因此，在實際開發(fā)過程中，我們需要進行兼容性處理，例如使用flexbox布局或者通過JavaScript來實現(xiàn)。