CSS的寬度自適應一直是網頁設計中非常重要的一項技能，能夠實現網頁的自適應布局，讓網頁在不同屏幕大小下都能夠保持良好的展示效果。

在CSS中，我們可以使用百分比或rem作為寬度單位，從而實現寬度的自適應。例如：

.container {
width: 80%;
}

這段代碼將設置容器的寬度為80%。當我們的網頁在不同屏幕大小下展示時，容器的寬度會隨著屏幕大小的改變而自適應調整。

此外，我們還可以通過CSS3中的flex布局來實現更加靈活的寬度自適應。例如：

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box {
flex-basis: calc(33.33% - 20px);
}

這段代碼將設置一個容器和多個盒子，容器使用flex布局實現自適應寬度。盒子的寬度使用calc()函數計算，保證每行顯示三個盒子并且在盒子之間有20px的空隙。

總之，在設計網頁中，實現寬度自適應是非常重要的一項技能。我們需要根據實際情況選擇不同的技術來實現布局的靈活性，從而為用戶提供更好的網頁瀏覽體驗。