CSS提供了一種非常方便的方式來設置元素的寬度，可以設置為固定的像素值，也可以設置為相對的百分比。但是對于那些無法確定寬度的元素來說，應該如何設置呢？這時候就需要用到一種新的方法——自動寬度。

使用自動寬度，元素的寬度將自動調整以適合其內容。這對于像按鈕、文本輸入框這樣的元素來說特別有用。

要設置自動寬度，只需要將元素的寬度屬性設置為“auto”：

button {
width: auto;
}

上述代碼將使按鈕的寬度自適應其文本內容，而不是具有固定的寬度。

值得注意的是，在設置元素的自動寬度時，還需要將其盒子模型設置為“content-box”，以確保元素的寬度僅適用于內容，而不包括邊框、內邊距或外邊距。可以使用以下代碼進行設置：

button {
box-sizing: content-box;
}

除此之外，自動寬度還可以使用flex布局來實現。通過設置“flex-grow”屬性為1，元素將自動伸縮以填充其容器的可用空間。

.container {
display: flex;
}
button {
flex-grow: 1;
}

上述代碼將使按鈕自動增長以填充其父容器的可用空間。

以上就是CSS中設置自動寬度的方法，它將讓您更好地掌控您的布局和響應式設計。