本文目錄導(dǎo)讀：

1. 具體數(shù)值
2. 百分比
3. auto

CSS設(shè)置高度大小的方法

在CSS中，我們可以使用height屬性來(lái)設(shè)置元素的高度大小，height屬性的值可以是具體的數(shù)值，也可以是百分比或者auto。

具體數(shù)值

我們可以直接給出一個(gè)具體的數(shù)值來(lái)設(shè)置元素的高度，如果我們想要設(shè)置一個(gè)元素的高度為50像素，我們可以這樣寫：

height: 50px;

百分比

我們還可以使用百分比來(lái)設(shè)置元素的高度，百分比的高度是基于其父元素的高度來(lái)計(jì)算的，如果我們想要設(shè)置一個(gè)元素的高度為其父元素高度的50%，我們可以這樣寫：

height: 50%;

auto

如果我們想要讓元素的高度自動(dòng)調(diào)整，我們可以將height屬性的值設(shè)置為auto，瀏覽器會(huì)自動(dòng)計(jì)算元素的高度，使其內(nèi)容能夠正常顯示。

height: auto;

四、min-height和max-height

除了height屬性外，CSS還提供了min-height和max-height屬性，它們可以限制元素的***小和***大高度，如果我們想要設(shè)置一個(gè)元素的***小高度為100像素，***大高度為200像素，我們可以這樣寫：

min-height: 100px;
max-height: 200px;

就是CSS設(shè)置高度大小的方法，在實(shí)際應(yīng)用中，我們可以根據(jù)具體的需求和場(chǎng)景來(lái)選擇合適的高度設(shè)置方式。