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

方法一：使用vh單位

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

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

方法二：使用JavaScript

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

var pageHeight = document.documentElement.scrollHeight;

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

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

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

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

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