CSS 是前端開發(fā)中必不可少的一個(gè)技術(shù)，它能夠幫助我們控制頁面的樣式，包括元素的位置、大小、字體、顏色和背景等等。其中，設(shè)置body元素的高度也是常見的需求之一。

要設(shè)置body元素的高度，我們可以使用height屬性。例如，我們將body的高度設(shè)置為 100%：

body {
height: 100%;
}

這個(gè)height: 100%的意思是讓body的高度等于瀏覽器窗口的高度。這樣做的好處是頁面能夠自適應(yīng)瀏覽器窗口大小，無論用戶打開瀏覽器的大小如何，頁面在豎直方向上總是占滿整個(gè)窗口。

如果需要讓body比瀏覽器窗口高度小，我們也可以使用具體的像素值。例如，我們將body的高度設(shè)置為 500 像素：

body {
height: 500px;
}

這個(gè)height: 500px的意思是讓body的高度固定為 500 像素。這樣做的好處是能夠精確定位頁面內(nèi)容的位置，但是也有可能會(huì)導(dǎo)致頁面因?yàn)闉g覽器窗口大小的變化而出現(xiàn)滾動(dòng)條。

需要注意的是，在設(shè)置body的高度之前，我們還需要將html元素的高度也設(shè)置為 100%：

html, body {
height: 100%;
}

而且，如果頁面中有絕對(duì)定位的子元素，我們還需要加上position: relative的樣式，這樣才能讓子元素相對(duì)于body元素來定位：

body {
position: relative;
}

總的來說，設(shè)置body元素的高度是一個(gè)比較簡單的操作，我們只需要使用height屬性，并結(jié)合html元素和子元素的定位，就能夠?qū)崿F(xiàn)各種需求了。