在設計網站時，網頁的寬度是非常重要的，因為它直接影響到網站的排版布局。在 CSS 中，我們可以使用不同的屬性來設置網頁的寬度。但是，如何計算網頁的寬度呢？下面我們來介紹兩種常用的計算方法。

首先，我們需要知道瀏覽器窗口的寬度，這通常可以通過 JavaScript 來獲取。然后，我們需要考慮的是網頁的實際內容寬度，也就是不包括邊框、內邊距和外邊距的部分。

//獲取瀏覽器窗口寬度
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
//獲取網頁實際內容寬度
var pageWidth = document.getElementById('content').offsetWidth;

上面的代碼演示了如何獲取瀏覽器窗口寬度和網頁實際內容寬度。其中，使用了document.getElementById()方法來獲取網頁中的元素，它需要給元素設置一個唯一的 ID 屬性。

另一種計算網頁寬度的方法是使用百分比。如果我們想讓網頁的寬度占據整個瀏覽器窗口的 80%，可以這樣設置：

body {
width: 80%;
margin: 0 auto;
}

上面的代碼中，width: 80%表示網頁寬度占據瀏覽器窗口的 80%，而margin: 0 auto則是讓網頁水平居中顯示。注意，這里的百分比是相對于父元素的寬度來計算的，所以如果父元素的寬度不確定，那么也無法確定子元素的寬度。

綜上所述，網頁的寬度可以通過 JavaScript 或 CSS 來設置和計算。在實際開發過程中，我們需要根據具體的需求選擇合適的方法來進行設計和實現。