CSS 中的寬度屬性是一項(xiàng)非常重要的功能，它決定了元素在頁(yè)面中所占據(jù)的空間大小。我們可以通過(guò)修改寬度屬性，來(lái)改變頁(yè)面元素的布局和設(shè)計(jì)效果。

當(dāng)我們需要將一個(gè) div 元素的寬度設(shè)置為頁(yè)面寬度的三分之一時(shí)，我們可以使用如下代碼：

div {
width: 33.33%;
}

在這里，我們將寬度屬性設(shè)置為 33.33%，而不是 33%，這是因?yàn)槭褂眯?shù)能夠使元素更精確地占據(jù)三分之一的空間。

此外，我們也可以使用 calc() 函數(shù)來(lái)設(shè)置寬度，如下所示：

div {
width: calc(100% / 3);
}

使用 calc() 函數(shù)可以更加動(dòng)態(tài)地計(jì)算元素寬度，并提供更加靈活的設(shè)計(jì)效果。

總的來(lái)說(shuō)，通過(guò)設(shè)置寬度屬性，我們可以輕松地掌控頁(yè)面元素的布局和設(shè)計(jì)，讓我們的網(wǎng)頁(yè)更加精美。