在網頁設計中，常常需要通過設置 div 元素的高度來控制頁面布局。本文將簡單介紹如何使用 CSS 設置 div 元素的高度。

div {
height: 200px;
}

以上代碼將設置一個名為 div 的元素的高度為 200 像素。注意，height 屬性只會影響元素的高度，而不會影響其寬度。如果想要同時控制寬度和高度，可以使用 width 和 height 屬性的組合來實現。

div {
width: 200px;
height: 200px;
}

也可以使用百分比值來設置 div 元素的高度。例如下面這段代碼將設置 div 元素的高度為屏幕高度的 50%。

div {
height: 50vh;
}

以上例子中，vh 單位標識屏幕的視口高度，即表示屏幕高度的百分之一。

此外，當 div 元素包含子元素時，要注意子元素的高度也會影響父元素的實際高度。可以使用 overflow 屬性來控制子元素溢出的部分是否顯示。

div {
height: 200px;
overflow: scroll;
}

以上代碼將設置 div 元素的高度為 200 像素，并顯示一個滾動條來瀏覽包含的子元素。如果要隱藏溢出的部分，可以將 overflow 屬性設置為 hidden。

通過上述方法，可以輕松控制 div 元素的高度，并實現網頁的布局。當然，高度設置僅僅是眾多 CSS 屬性之一，對于自定義網頁布局和視覺風格，還需要深入學習 CSS 的各種屬性和技巧。