CSS是前端開發中不可或缺的基礎技能，其中涉及到的眾多屬性也是比較多的，今天我們主要介紹一下如何使用百分比設置高度。

height: 100%;

以上代碼表明將元素的高度設置為父元素的100%。它與width屬性一樣并不推薦使用在普通的塊級元素上，因為塊級元素的高度通常是由它們內部的內容撐起來的，而不是父元素的高度。

那么，我們如何使用百分比設置高度呢？常用的方法有以下幾種。

1. 使用絕對定位

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;

在具有絕對定位的元素中使用上面的代碼，將使該元素的高度占據整個父元素。

2. 使用flex布局

display: flex;
height: 100%;

在flex布局中，元素會沿著主軸方向排列，并隨著容器大小的改變而自適應調整。

3. 使用網格布局

display: grid;
height: 100%;

網格布局是一個十分強大的布局方式，它可以將容器分為若干行和列，并在其中放置元素。同樣地，網格中的元素也可以適應容器大小的變化。

總之，使用百分比設置高度是一個非常常見的需求，我們需要根據實際場景來選擇最適合的布局方式。希望以上內容能幫助大家更加熟練地使用CSS。