在CSS中，我們可以使用百分比來指定元素的寬度和高度。然而，在一些情況下，我們會發現高度百分比并不起作用。

如上圖所示，我們期望內部的紅色方塊的高度為父元素高度的50%，但實際上它的高度只有75px，而不是我們期望的150px。

這是因為元素的高度百分比是相對于其父元素的內容高度而言的，并不是相對于邊框或內邊距的高度。

如果父元素沒有任何內容，那么它的高度將會是0，在這種情況下，元素的高度百分比會失去效果。

相比之下，寬度百分比的計算是相對于元素的包含塊而言的，即元素所在的容器。

所以如果我們將寬度改為百分比，則會得到我們期望的效果。

綜上所述，當我們需要使用高度百分比時，需要確保父元素有內容，并且使它的高度為非0。否則，我們可能需要使用其他的布局方案。