CSS是前端開發中必不可少的一項技能，其中設置div垂直高度是需要掌握的技巧之一。本文將介紹如何使用CSS設置div垂直高度。 首先，我們需要有一個div元素：

<div class="box"></div>

接下來，我們需要設置該div元素的高度。設置高度有兩種方式，一種是將高度設置為固定的像素值，另一種是使用百分比進行設置。 如果我們將高度設置為像素值，則可以使用以下代碼：

.box {
height: 300px;
}

這樣，該box元素的高度就被設置為300像素。 如果我們需要將高度設置為百分比，則可以使用以下代碼：

.box {
height: 50%;
}

這里，我們將box元素的高度設置為頁面高度的50%。需要注意的是，如果一個元素的父元素沒有設置高度，則使用百分比設置高度會無效。 除了上述兩種方式外，我們還可以使用flex布局來實現高度垂直居中。代碼如下：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.box {
height: 50%;
}

這里，我們將父元素設置為flex布局，并使用justify-content和align-items將子元素垂直居中。同時，我們也將子元素box的高度設置為50%。 總結一下，如果我們需要設置div元素的垂直高度，可以使用固定像素值、百分比或者flex布局等方式來實現。不同的方式適用于不同的情況，我們需要根據具體的需求選擇合適的方式來實現。