在CSS中，width屬性用于設置一個元素的寬度。設置寬度時，我們通常會使用像素(px)、百分比(%)、em或rem等單位。

但是有時候，我們會發現當窗口大小改變時，元素的位置也會發生變化。

.box {
width: 500px;
margin: 0 auto;
}

在這個例子中，我們設置了一個元素的寬度為500px，在瀏覽器窗口大小改變時，元素的左右邊距會自動調整，以使元素始終居中。但是，當窗口的寬度小于500px時，元素的位置就會發生變化，導致布局出現問題。

為了解決這個問題，我們可以使用max-width屬性。max-width屬性可以讓元素的寬度不超過指定的值，但可以小于該值。這樣，當窗口大小小于元素的寬度時，元素的寬度將會自動調整，保持在窗口內部，并且不會影響布局。

.box {
max-width: 500px;
width: 100%;
margin: 0 auto;
}

在這個例子中，我們設置了一個元素的最大寬度為500px，并且將寬度設置為百分比，這樣元素的寬度將自動調整，以適應窗口大小，并且保持在窗口內部。這樣，無論窗口大小如何，我們的布局都是穩定的。