CSS中的width屬性被廣泛用于設置HTML元素的寬度。當使用該屬性時，通常會遇到一個非常常見的問題：小于寬度的元素。

在這種情況下，HTML元素的寬度會被設置為小于其定義的寬度，從而導致一些樣式問題。例如，如果一個圖像的寬度被設置為500像素，但其父元素的寬度僅為400像素，那么圖像將被縮小到小于其定義的500像素寬度。

img {
width: 500px;
}
.parent {
width: 400px;
}

在上面的例子中，圖像將被壓縮以適應其父元素的寬度，這將導致圖像的質量降低，并且可能會扭曲或變形。

解決這個問題的方法之一是使用CSS中的max-width屬性。該屬性可用于將元素的最大寬度限制為父元素的寬度，而不必指定其實際寬度。

img {
max-width: 100%;
}

這里，“100%”表示元素的寬度將被限制為其父元素的100%寬度。這將保證圖像不會壓縮且不會超出其父元素的邊界。

在編寫CSS時一定要留意元素寬度小于定義寬度的問題，并用max-width屬性進行限制。