在開發網頁時，容器的高度一直是一個令人頭疼的問題。當我們需要一個容器來自適應高度時，我們通常會把固定的高度改成百分比的高度。但是，有時候我們需要容器的高度與父容器自適應。這時，CSS就為我們提供了解決方案。

我們可以使用CSS中的height屬性，將其設置為100%。這樣就可以讓容器的高度隨著父容器自適應。但是，這種方法并不總是有效。因為，有時候我們會使用其它的屬性，如margin、padding、border等，這些屬性會影響容器的高度。

.parent{
height: 500px;
}
.child{
height: 100%;
}
// 如果子容器添加了margin，那么這個方法就不再適用
.child{
height: calc(100% - 20px);
}

為了解決高度自適應的問題，我們可以使用CSS3中的calc()函數。我們可以在height屬性中使用calc()函數，并適用減法運算，來解決容器高度被一些其它屬性影響的問題。

在以上示例中，我們可以看到，我們使用了height: calc(100% - 20px);來解決子容器添加margin屬性，導致高度不自適應的問題。這個示例用到了calc()函數，它可以在height屬性中實現基本的數學運算。使用這種方法，我們就可以讓容器高度自適應了。