CSS（Cascading Style Sheets）是網頁中重要的樣式表語言之一，它可以控制網頁的格式布局、顏色和字體等方面。其中，自適應寬度是CSS布局中的一個重要概念。

在Web設計中，自適應寬度的設計風格是非常受歡迎的。因為它可以使網頁中的各個元素根據瀏覽器窗口的大小自動調整，為用戶提供更好的瀏覽體驗。在CSS中實現寬度自適應的方式很多，其中最基本的方式是使用百分比寬度和max-width或min-width屬性。

/*百分比寬度實現自適應*/
div{
width: 80%;
margin: 0 auto;
}

在上面的代碼中，我們使用了80%的寬度，意味著該元素會占據其父元素80%的寬度。同時，我們還設置了margin為0 auto，使該元素水平居中。這樣就能實現寬度自適應了。不過需要注意的是，這種方式需要明確指定父元素的寬度。

/*max-width/min-width實現自適應*/
div{
max-width: 1200px;
min-width: 960px;
margin: 0 auto;
}

另一種方法是使用max-width和min-width屬性。這種方式的優勢在于能夠適應不同分辨率的屏幕。在上面的代碼中，我們指定最小寬度為960像素，最大寬度為1200像素。這樣，當瀏覽器窗口縮小到960像素時，該元素不會再繼續縮小，而是停留在960像素的寬度上。

總之，在Web設計中，寬度自適應是一項比較基本的技術。目前，越來越多的Web開發者正在使用這種方式來實現網頁的布局，以提供更好的用戶體驗。