在HTML網頁中，CSS（層疊樣式表）用來為元素設置樣式。其中一個關鍵的樣式屬性是寬度（width），它決定了元素在屏幕上的水平尺寸。

有時候，我們需要讓一個元素的寬度自動調整為它的子元素的寬度總和。這個功能可以通過CSS中的display屬性和float屬性實現。

.parent {
display: inline-block;
}
.child {
float: left;
}

上面的代碼中，我們將父元素設置為display: inline-block。這會使它的寬度自動調整為所有子元素的寬度之和。接著，我們將子元素設置為float: left，這會讓它們一行排列，并且寬度也會自動調整為內容的寬度。

這種技術可以用于實現一些常見的布局，例如標簽頁或者導航欄。需要注意的是，如果子元素太多，它們可能會換行，導致布局出現問題。一種解決方法是使用CSS中的overflow屬性，將父元素的寬度限制在一個固定的范圍內。

.parent {
display: inline-block;
overflow: hidden;
max-width: 600px;
}
.child {
float: left;
}

上面的代碼中，我們給父元素設置了一個最大寬度為600px，并且將overflow屬性設置為hidden，這會將超出范圍的部分截斷，避免出現布局問題。

總之，CSS中的width屬性可以很方便地調整元素的寬度，但是如果需要讓寬度自動調整為子元素的寬度，可以使用display屬性和float屬性來實現。需要注意的是，如果子元素過多，可能會導致布局出現問題，可以使用max-width和overflow屬性來進行調整。