在 HTML 中，div 是一個可以用來劃分頁面區域的標簽。通過使用 div，我們可以將頁面的內容分割成多個模塊，方便樣式和布局的管理。

如果想要在頁面中設置 div 的高度和寬度，我們就需要通過 CSS 樣式來實現。在 CSS 中，我們可以使用 height 和 width 屬性來設置 div 的高度和寬度。

div {
height: 200px;   /* 設置 div 的高度為 200 像素 */
width: 300px;    /* 設置 div 的寬度為 300 像素 */
}

上述代碼中，我們通過將 div 元素選擇器和 height、width 屬性組合在一起來實現對 div 元素的樣式設置。

除了直接設置固定的高度和寬度之外，我們還可以通過設置百分比來實現對 div 大小的控制。比如，我們可以將 div 的高度設置為頁面高度的一半，寬度設置為頁面寬度的 80%，代碼如下：

div {
height: 50%;   /* 設置 div 的高度為頁面高度的一半 */
width: 80%;    /* 設置 div 的寬度為頁面寬度的 80% */
}

通過上述代碼我們可以發現，將 div 高度和寬度使用百分比來設置，可以更好地適應不同屏幕大小的設備。

在實際開發中，我們通常會為每個 div 添加一個唯一的 class 或 ID 來對其進行樣式和布局的控制。這樣可以使得代碼更加易于維護和擴展。

總之，設置 div 的高度和寬度是網頁設計中非常基礎和重要的一項技能。通過運用合適的 CSS 樣式，我們可以方便地對頁面中的不同區域進行布局和控制。