在CSS中，我們可以使用height屬性來設置元素的高度。這個屬性值可以是一個具體數值，也可以是一個百分比。

對于一個定寬的元素而言，百分比高度是相對于其父元素的高度來計算的。如果父元素的高度也是一個百分比，則它又相對于自己的父元素而言。

.container {
height: 500px;
}
.box {
height: 50%; /* 相對于 .container 的高度 */
}
.inner {
height: 50%; /* 相對于 .box 的高度 */
}

除了百分比高度，還有一些特殊的值可以用來設置高度：

• auto：元素的高度根據其內容自適應。
• inherit：繼承父元素的高度屬性。
• initial：使用初始值作為高度屬性，適用于所有元素。
• unset：取消繼承和默認值，返回初始值。

.box {
height: auto;
}
.container {
height: inherit; /* 繼承父元素 .wrapper 的高度 */
}
img {
height: initial; /* 恢復默認值 auto */
}

總之，在設計頁面時，正確使用height屬性可以讓頁面看起來更加美觀，也更方便進行頁面布局。