1. 使用固定高度設(shè)置div的高度

固定高度是指直接設(shè)置div的高度值，這種方法非常簡(jiǎn)單，只需要在CSS中設(shè)置height屬性即可，如下所示：

div {

height: 200px;

這樣就可以將div的高度固定在200px，但這種方法有一個(gè)缺點(diǎn)就是如果頁(yè)面內(nèi)容過(guò)多，就會(huì)超出div的高度，導(dǎo)致內(nèi)容被截?cái)唷?/p>

2. 使用百分比設(shè)置div的高度

百分比是指根據(jù)父元素的高度來(lái)設(shè)置div的高度，這種方法可以使div的高度根據(jù)頁(yè)面的大小而變化，代碼如下：

div {

height: 50%;

這樣就可以使div的高度占據(jù)父元素高度的50%，但是這種方法也存在缺點(diǎn)，當(dāng)頁(yè)面的高度變化時(shí)，div的高度也會(huì)相應(yīng)變化，可能會(huì)導(dǎo)致頁(yè)面布局的混亂。

3. 使用最小高度和最大高度設(shè)置div的高度

最小高度和最大高度是指設(shè)置div的高度范圍，這種方法可以使div的高度在一定范圍內(nèi)變化，代碼如下：

div {in-height: 100px;ax-height: 300px;

這樣就可以將div的高度限制在100px到300px之間，但是當(dāng)頁(yè)面內(nèi)容超過(guò)300px時(shí)，div的高度也會(huì)被限制在300px，導(dǎo)致內(nèi)容被截?cái)唷?/p>

4. 使用auto設(shè)置div的高度

auto是指讓瀏覽器自動(dòng)計(jì)算div的高度，這種方法非常靈活，代碼如下：

div {

height: auto;

這樣就可以讓瀏覽器根據(jù)頁(yè)面內(nèi)容自動(dòng)計(jì)算div的高度，但是這種方法可能會(huì)導(dǎo)致頁(yè)面布局不穩(wěn)定，需要特別注意。

以上就是HTML中如何設(shè)置div的高度的四個(gè)實(shí)用技巧，分別是使用固定高度、百分比、最小高度和最大高度以及auto。在實(shí)際開(kāi)發(fā)中，我們可以根據(jù)頁(yè)面需求選擇不同的方法來(lái)設(shè)置div的高度，從而達(dá)到更好的頁(yè)面效果。