CSS是一種用于網頁排版和樣式設計的語言，可以控制網頁中各種元素的樣式、大小、位置、顏色等等。在CSS中，我們常常需要根據父容器的高度來控制子元素的樣式，下面介紹兩種常見的方法。

.method1 {
height: calc(100% - 50px);
}

方法1：使用calc函數

calc函數可計算表達式，并返回結果。通常我們會用它來計算子元素的高度，如下所示：

.parent {
height: 500px;
position: relative;
}
.child {
height: calc(100% - 50px);
position: absolute;
bottom: 0;
left: 0;
}

在這個例子中，.parent元素的高度為500像素，.child元素的高度自然就等于父容器高度減去50px。

需要注意的是，calc函數的表達式中各項操作符兩側必須有空格，否則會導致錯誤。例如，calc(100%/2)是合法的，但calc(100%/-2)則是錯誤的。

.method2 {
height: 100%;
display: flex;
flex-direction: column;
}
.method2-child {
flex: 1 0 auto;
}

方法2：使用flexbox布局

flexbox布局可以幫助我們輕松地實現各種復雜的布局需求。在這個例子中，我們可以將父容器的display屬性設置為flex，然后再設置flex-direction為column，這將使得子元素垂直排列。

接著，我們將子元素的flex屬性設置為“1 0 auto”，這將使得子元素在垂直方向上充滿整個父容器。

綜上所述，我們可以根據具體情況選擇不同的方法來判斷父容器的高度，以達到更好的樣式效果。