在CSS中，寬度變化是一個非常常見的樣式操作。通過設置不同的寬度值，可以調整元素在屏幕上的大小，從而影響頁面的布局。

例如，一個div元素的寬度可以通過下面的CSS代碼來設置：

div {
width: 300px;
}

這將使該div元素的寬度為300像素。類似地，可以將寬度設置為百分比。

div {
width: 50%;
}

如果父元素的寬度為800像素，則該div元素的寬度將為400像素。

還可以使用max-width和min-width屬性來設置元素的最大和最小寬度。

div {
min-width: 200px;
max-width: 600px;
}

這將使該div元素的寬度始終大于或等于200像素，小于或等于600像素。如果屏幕寬度小于200像素，該元素將被截斷。如果屏幕寬度大于600像素，則該元素的寬度不會超過600像素。

最后，注意到CSS中寬度和高度可以使用box-sizing屬性進行改變。默認情況下，元素寬度和高度包括內邊距和邊框。通過設置box-sizing為border-box，可以使元素的寬度和高度包括內邊距和邊框。

div {
box-sizing: border-box;
}

這意味著如果div元素的寬度被設置為300像素，那么它將包括內邊距和邊框在內。如果div元素有2像素的邊框和20像素的內邊距，那么內容區域的寬度將為236像素。