首先，讓我們簡要了解一下CSS中的重要概念——盒模型。
盒模型由四部分組成：外邊距、內邊距、邊框和內容區域。其中，外邊距和內邊距都可以指定固定的數值或百分比來控制元素的大小，而邊框則是一個固定的像素值。然而，內容區域的大小通常無法在CSS中直接指定。
那么，如何使用CSS來控制元素的高度，使其根據其父級高度而定呢？
先看一下HTML結構：

<div class="parent">
<div class="child"></div>
<div class="child"></div>
</div>

上面的代碼中，我們有一個父級div和兩個子級div。現在，我們希望子級div的高度始終與父級div的高度相同。
方法如下：

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

上面的代碼中，我們首先將父級div的定位方式設置為relative。這是為了使子級div在其內部進行定位。
接下來，我們將子級div的定位方式設置為absolute，并將其top和bottom屬性均設置為0，這樣就能使其高度始終與父級div的高度相同。此時，子級div的寬度也會與父級div一致，因為它的left和right屬性也都被設為了0。
總之，CSS中根據父級高度來控制子級元素的高度，可以通過position和top/bottom屬性來實現。特別要注意的是，父級元素必須要有明確的高度，否則子級元素的高度也將無法確定。