HTML是Web頁面的基礎，CSS則負責頁面的美化和布局，其中，頁面寬度是一個非常重要的概念，因為在不同屏幕尺寸和設備上，頁面寬度可能會有所變化，如果不加以處理，會影響頁面的整體效果和布局。

CSS中提供了一些方法來自行計算頁面寬度，其中最常用的是使用百分比來設置寬度。例如，我們可以將頁面容器的寬度設置為100%，這樣頁面容器會自動根據瀏覽器窗口大小來進行伸縮，從而適應不同的設備和屏幕尺寸。

.container {
width: 100%;
}

除了百分比，CSS還提供了一些其他的計算方式來設置頁面寬度。例如，可以使用vw和vh來分別表示視口的寬度和高度，其值分別為1/100的視口寬度和高度。如下所示，將頁面容器的寬度設置為50vw，則頁面容器的寬度為視口寬度的一半。

.container {
width: 50vw;
}

另外，CSS還提供了calc()函數來進行復雜的寬度計算，例如相加、相減、相乘和相除等。如下所示，將頁面容器的寬度設置為瀏覽器寬度減去200px，并除以3，則得到每個容器的寬度。

.container {
width: calc((100% - 200px) / 3);
}

總之，在設計Web頁面時，考慮到頁面寬度的自適應和伸縮是非常重要的，因為不同屏幕設備和尺寸下，頁面寬度可能會有所變化。在CSS中使用百分比、vw、vh和calc()函數等方法，能夠幫助我們更好地處理頁面寬度的問題。