CSS是一種層疊樣式表，用于控制網頁的布局和樣式。在編寫CSS時，有時需要判斷頁面的高度，以便更好地控制網頁布局。下面介紹常用的兩種方式。

方法一：使用vh單位

vh是CSS3中新增的視口單位，1vh即表示視口高度的1%。使用vh單位可以輕松地將元素的高度設置為視口高度的固定百分比，并保證即使視口大小發生變化，元素的高度也會自適應調整。

height: 100vh; /*設置元素高度為視口高度的100%*/

方法二：使用JavaScript

有時需要精確地知道網頁的實際高度，這時可以使用JavaScript來獲取頁面高度并將其應用到CSS中。下面是獲取頁面高度的代碼：

var pageHeight = document.documentElement.scrollHeight;

上述代碼將返回整個HTML文檔的高度，包括文檔的內容、內邊距、邊框和外邊距。為了避免出現滾動條，我們常常需要將body和html元素的高度設置為視口高度，如下所示：

html,body{ /*將body和html元素的高度設置為視口高度*/
height: 100%;
}

然后將獲取到的頁面高度應用到所需要的元素中，如下所示：

#element{ /*將獲取到的頁面高度應用到元素中*/
height: pageHeight;
}

總結：使用CSS的vh單位可以輕松地設置元素的高度為視口高度的固定百分比，適用于一些簡單的布局需求；而使用JavaScript獲取實際頁面高度可以更加精確地控制元素的高度，適用于一些復雜的布局需求。