在Web開發中，HTML是不可避免的一部分。它是網站的基礎，可以幫助我們構建網站的結構和內容。在HTML中，body元素是網頁內容的容器。有時候，我們希望能夠讓body元素的高度自適應，以適應不同設備上的屏幕。

要設置body元素的高度自適應，我們可以使用CSS。我們可以將body元素的高度設置為100%。這樣，它將填充整個屏幕的高度。以下是代碼示例：

html, body {
height: 100%;
}

在這個示例中，我們選擇了html和body元素，并將它們的高度設置為100%。這將確保body元素的高度自動調整以填充整個屏幕的高度。

需要注意的是，CSS中的百分比高度是相對于其父元素的。因此，如果body元素的父元素的高度不是100%，那么body元素的高度也不會是100%。

如果您想要使用完整的屏幕高度來放置內容，您可能會需要更進一步的CSS。以下是一個示例，使用了更多的樣式規則來實現自適應高度的body元素：

html {
height: 100%;
box-sizing: border-box;
}
body {
min-height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.main {
flex: 1;
}

在這個示例中，我們使用了flexbox布局來確保body元素的高度自適應。我們將body元素的高度設置為min-height：100％。這將確保body元素至少填充整個屏幕的高度。然后，我們使用flexbox布局來將內容垂直放置，同時確保footer元素始終在底部。

以上是關于如何設置body元素的高度自適應的示例。它們可以幫助您快速實現網頁布局的自適應高度。希望對你有幫助！