CSS中有很多用于表示高度的單位，這些單位不僅可以應用到元素的高度上，還可以應用到行高、字體大小等屬性上。

/* px */
div {
height: 50px;
}
/* % */
div {
height: 50%;
}
/* em */
div {
height: 3em;
}
/* rem */
div {
height: 2rem;
}
/* vh */
div {
height: 50vh;
}
/* vw */
div {
height: 50vw;
}

1. 像素（px）：這是最常見的單位，等于頁面上一個點的大小。可以應用到任何元素的高度上，通常用于固定高度的布局。

2. 百分比（%）：百分比單位用于相對于元素的父元素來計算高度。這種單位可以應用到塊級元素、內聯元素、表格的單元格、行和單元格組。使用百分比高度，可以使元素在不同的屏幕尺寸中自適應布局。

3. em：em是相對于當前元素的字體大小來計算高度的單位。如果基礎字體大小為16像素，則1em等于16像素。應用于容器元素，em單位可以使容器的高度隨著字體大小的變化而變化，具有很好的可讀性和可維護性。

4. rem：rem是相對于根元素的字體大小來計算高度的單位。應用于容器元素，rem單位可以使容器的高度隨著根元素字體大小的變化而變化，在響應式布局中非常有用。

5. 視口高度（vh）：vh是視口的高度的百分比。例如，50vh是視口高度的50%，通常用于全屏或半屏背景圖像等需要滿屏的元素。

6. 視口寬度（vw）：vw是視口的寬度的百分比。例如，50vw是視口寬度的50%。和vh一樣，通常用于全屏或半屏背景圖像等需要滿屏的元素。