HTML5 中，body 是網頁中的一個非常重要的元素之一。它是用來放置網頁內容的容器。 在 HTML5 中，可以通過設置 body 元素的寬度來控制網頁內容的布局。 通過設置 body 元素的寬度，可以讓網頁的內容在頁面中占據合適的空間。在設置 body 元素的寬度之前，我們需要先了解一下它的默認寬度。 默認情況下，body 元素的寬度是自適應的，它的寬度會跟隨瀏覽器窗口的大小而變化。這種情況下，網頁內容會根據窗口大小自動適應布局。但是，如果網頁內容過多或過少，就會導致頁面出現滾動條或留白。 如果我們想要將網頁內容固定在一個固定的寬度范圍內，就需要設置 body 元素的寬度。設置 body 元素的寬度可以使用 CSS 中的 width 屬性。例如，我們可以這樣設置 body 元素的寬度：

body {
width: 960px;
}

這樣設置后 body 元素的寬度將固定在 960 像素。我們也可以使用百分比來設置 body 元素的寬度。這樣，body 元素的寬度會隨著瀏覽器窗口大小的變化而變化。例如：

body {
width: 80%;
}

這樣設置后，body 元素的寬度將占據瀏覽器窗口的 80%。 除了通過 width 屬性來設置 body 元素的寬度，還可以使用 max-width 和 min-width 屬性來限制 body 元素的最大和最小寬度。例如：

body {
max-width: 1200px;
min-width: 360px;
}

這樣設置后，body 元素的寬度將在 360 像素和 1200 像素之間變化。 總之，通過設置 body 元素的寬度，可以讓網頁內容更加合理地分布在頁面中，從而提高用戶的瀏覽體驗。無論是通過固定像素數值、百分比或最小/最大限制，都可以讓網頁與不同的顯示器分辨率完美匹配，呈現出更好的布局效果。