在CSS中，寬度自適應是一個非常常見和有用的屬性，特別是在響應式設計中。
使用寬度自適應屬性，可以使元素的寬度自動適應其父元素的寬度。這樣可以確保元素的大小始終適合當前視口大小，從而使網站在不同設備上具有良好的顯示效果。
下面是一個示例代碼，其中
元素的寬度自適應為其父元素的寬度：
這是一個寬度自適應的盒子。
在上述代碼中，通過設置.box元素的width屬性為100%，可以使其寬度自適應其父元素的寬度。同時，通過設置padding屬性，可以為元素添加內邊距，以便在視覺上與其內容分開。
需要注意的是，寬度自適應可能會影響到元素的布局和排列。尤其是在實現響應式設計時，需要謹慎處理元素的寬度自適應屬性，以防止出現布局問題。
在使用CSS寬度自適應屬性時，還需要注意瀏覽器的兼容性。雖然現代瀏覽器已經支持大多數CSS3屬性，但仍有一些舊版本的瀏覽器不支持寬度自適應屬性。因此，在實現此功能時，需要進行瀏覽器兼容性測試。