CSS中的元素寬度自適應是一種很有用的特性，可以讓元素的寬度根據父元素或內容自動調整，而不需要使用固定的寬度。下面我們來看一些常見的方法：

/* 使用百分比設置寬度 */
img {
width: 100%;
}
/* 自適應父元素寬度 */
.container {
width: 100%;
}
/* 使用min和max-width控制寬度 */
.box {
min-width: 200px;
max-width: 500px;
}
/* 自適應內容寬度 */
p {
display: inline-block;
}

使用百分比設置寬度是最常見的方法，可以讓圖片等元素寬度自適應父元素。同時，使用百分比也可以做到響應式布局，使得網頁在不同設備上都可以自適應調整。

自適應父元素寬度則是針對容器元素的寬度進行調整，可以讓子元素寬度根據父元素寬度自適應調整。這種方法比較靈活，可以用來做響應式布局或自適應界面。

使用min和max-width控制寬度既可以限制元素的最小寬度，又可以限制元素的最大寬度，可以控制元素在不同尺寸界面下的自適應效果。

最后，自適應內容寬度指的是讓元素的寬度根據內容來自適應調整。對于行內塊元素，可以使用display:inline-block來實現自適應寬度。這種方法適用于一些特殊的需求，比如動態的標簽云等。