CSS中給元素設置高度的方式有很多種，可以使用固定的像素值，也可以使用百分比，還可以使用vh單位。但有時候我們希望元素的高度能夠自適應頁面的高度，那么該怎么實現呢？

可以使用以下的CSS代碼，將元素的高度設置為視口高度（Viewport Height，簡稱vh）：

height: 100vh;

這樣，元素的高度就等于瀏覽器窗口的高度了。不過需要注意的是，這種方式在移動設備中可能會存在問題，因為在移動設備上，瀏覽器的工具欄和底部導航欄通常會占用部分視口高度，導致實際顯示的高度不是完整的視口高度。

如果希望元素的高度包含這部分高度，可以使用以下的CSS代碼：

height: calc(100vh - 工具欄高度 - 底部導航欄高度);

其中，工具欄高度和底部導航欄高度可以通過JS代碼動態獲取并計算。

總的來說，使用CSS讓元素的高度等于頁面的高度，可以提高頁面表現效果和用戶體驗，增強網站的可讀性和可用性。