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

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

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

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

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