CSS是一種強大的標記語言，它可以幫助我們調整我們的網頁顯示。其中一個值得注意的屬性是“自動調整寬度”，它允許我們使用CSS中的子標簽自動調整父標簽（包括div和section等）的寬度。

.parent{
display: flex;
flex-wrap: wrap; 
}
.child{
flex: 1 0 250px; 
margin: 10px; 
}

在這個示例中，我們使用了彈性框模型（flexbox model），這個模型允許我們通過一些屬性，如display和flex-wrap，來控制子標簽的父標簽的寬度。此外，我們還使用了一個flex屬性，它允許我們控制子標簽的寬度和高度，并可以設置一個最小尺寸。

我們還為每個子標簽添加了margin屬性，以分隔它們并使這些元素看起來更有序。你可以改變這些屬性的值來調整子標簽的大小，以適應你的設計需要。

最后，我們需要注意到的是，這個方法可以讓我們更加靈活地處理我們的布局，同時也可以減少我們在CSS中寫重復的代碼的機會，提高代碼的可讀性。