CSS寬度是一個非常重要的概念。對于像素或百分比單位來說，寬度的設置非常直觀。但是，當剩余空間需要被填充時就需要另一種方法來設置寬度。

在CSS中，寬度屬性有一個特殊的值"auto"。當將這個值分配給一個元素的寬度時，元素將調整其大小以填充剩余空間。這在水平布局中非常有用，尤其是當父元素的大小是不確定的時候。

下面是一個示例代碼，展示了如何使用"auto"屬性來設置元素的寬度：

.container {
width: 50%;
background-color: lightblue;
padding: 10px;
text-align: center;
}
.item {
display: inline-block;
width: auto;
height: 50px;
background-color: pink;
margin: 5px;
}

在上面的代碼中，".container"元素是一個父元素，其寬度被設置為50%。".item"元素是子元素，其寬度被設置為"auto"，這意味著它將自動調整其寬度以填充剩余空間。

帶有"auto"屬性的元素通常被稱為伸展元素。在布局中，這些元素將自動調整其尺寸以適應任何剩余空間。這使得布局靈活且響應式，因為它們隨著父元素大小的變化而自動調整大小。