在網頁設計中，我們有時需要獲取屏幕的高度，以便在頁面中做出相應的排版和布局。而在CSS中，獲取屏幕高度的方法其實非常簡單。
首先，我們需要使用CSS的單位vh（視窗高度），它表示相對于視口的高度，即1vh等于屏幕可見部分的1%。
接下來，我們可以用如下的CSS代碼獲取屏幕的高度：

body {
height: 100vh;
}

在這段代碼中，我們將body元素的高度設置為100vh，這樣它就占滿了整個屏幕高度。
如果需要獲取屏幕高度的一部分，我們也可以使用vh單位來設置元素的高度。例如：

.header {
height: 20vh;
}
.content {
height: 60vh;
}
.footer {
height: 20vh;
}

在這個例子中，我們將整個頁面分成了頭部、主體和底部三個部分，它們的高度分別占據屏幕高度的20%、60%和20%。
通過這樣的CSS設置，我們可以輕松獲取屏幕的高度，并用它來進行頁面布局和排版，為用戶帶來更好的瀏覽體驗。