CSS怎么動態設置高度？
在某些情況下，我們需要動態設置HTML元素的高度，而不是使用靜態固定的高度。這時候，CSS提供了幾個方法來實現這一需求。
1. 使用百分比高度
我們可以使用百分比來設置元素的高度。例如，如果我們要讓一個div元素的高度為其包含塊高度的50％，可以這樣設置：

div {
height: 50%;
}

這樣設置后，該div元素將會自動適應其包含塊的高度，無論包含塊的高度如何變化。但需要注意的是，如果該div的父元素沒有設置高度，該div元素的百分比高度也無法生效。
2. 使用min-height和max-height
我們還可以使用min-height和max-height這兩個屬性來動態設置元素的高度。例如，如果我們要設置一個div元素的高度最小為200px，最大為400px，可以這樣設置：

div {
min-height: 200px;
max-height: 400px;
}

這樣設置后，該div元素的高度將始終位于200px和400px之間。
3. 使用calc()函數
最后，我們可以使用CSS calc()函數來計算元素的高度。例如，如果我們想讓一個div元素的高度等于其寬度的一半再加上10px，可以這樣設置：

div {
height: calc(50% + 10px);
}

這樣設置后，該div元素的高度將始終為其包含塊寬度的50％再加上10px。
以上就是CSS動態設置元素高度的幾種方法。通過這些方法，我們可以輕松實現元素高度的動態適應，提高頁面的靈活性和響應性。