在網頁設計中，我們有時需要設置網頁元素的高度，在CSS中我們可以使用height屬性來設置元素的高度。

但是，如果我們想要設置整個網頁的高度呢？可以使用如下代碼：

html, body {
height: 100%;
}

這段代碼將html和body元素的高度都設置為100%，這意味著它們將占滿整個屏幕的高度。如果你設置了其他元素的高度，也可以使用這段代碼確保整個網頁的高度與屏幕的高度相等。

然而，這里還有一個問題——如果網頁的內容比屏幕的高度要高，那么用戶就需要向下滾動才能查看所有內容。所以，我們需要進一步添加一些代碼。

body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}

首先，我們將body元素的最小高度設置為100vh。vh是viewport height的縮寫，它指的是屏幕可見區域的高度。這意味著我們將確保網頁的最小高度是整個屏幕的高度。

接下來，我們將body元素設置為一個flex容器，并添加了flex-direction: column屬性，這意味著所有子元素都將在垂直方向上排列。

最后，我們將main元素的flex屬性設置為1，這意味著它將按比例占用所有可用的空間。這樣，就可以確保main元素填充整個屏幕，而其他元素仍然保持它們的原始大小。

以上代碼是設置網頁高度的一個基礎例子，在實際開發中，我們還可以根據自己的需求進行更復雜的設置。但是，掌握了這些基礎知識，相信你已經能夠很好地掌控網頁高度了。