在網頁制作中，div是經常用來布局頁面的元素之一。在設置div的樣式時，我們常常需要調整它的高度。那么該如何使用CSS來設置div的高度呢？ 一、CSS設置div高度的屬性 CSS中設置div高度的屬性有height和min-height，二者的區別在于前者會固定div的高度，而后者則會允許div的高度自適應，避免因內容超出div的高度而出現滾動條。 二、使用height屬性設置div高度 使用height屬性可以固定div的高度，屬性的值可以使用絕對單位（如px、cm、mm）或相對單位（如em、rem、%）。具體使用方法如下：

.box{
height: 200px;
background-color: #ccc;
}

這段代碼會將.box這個div的高度固定為200像素，背景色為灰色。 三、使用min-height屬性設置div高度 使用min-height屬性可以讓div的高度自適應內容的高度，屬性的值同樣可以使用絕對單位或相對單位。具體使用方法如下：

.box{
min-height: 200px;
background-color: #ccc;
}

這段代碼會使.box這個div的最小高度為200像素，也就是如果內容不足200像素，則div的高度為200像素。如果內容超過了200像素，則div的高度就會隨內容變化而自適應。 四、使用百分比設置div高度 在實際應用中，經常會使用百分比來設置div的高度。具體使用方法如下：

.box{
height: 50%;
background-color: #ccc;
}

這段代碼會將.box這個div的高度設置為父元素高度的50%。需要注意的是，這里的父元素不是指頁面的根元素，而是.box所在的直接父元素。 總結：在CSS中設置div的高度，我們可以使用height和min-height屬性，也可以使用百分比來自適應調整高度。在實際應用中，我們需要根據具體需求進行選擇。