CSS是網頁設計中必不可少的一部分，它可以讓我們的網站看起來更加美觀和專業。在CSS中有很多屬性可以讓我們設置網頁中元素的樣式和排版，今天我們就來學習一下如何讓元素的寬度適應屏幕寬度。

一般情況下，我們在設置元素的寬度時，都是固定的數值，比如：

div{
width: 500px;
}

這個樣式將會把這個div元素的寬度固定為500像素。但是，當我們的網站在不同的設備上顯示時，這個固定值顯然就不可取了。這時，我們就可以使用以下的方法讓div元素寬度適應屏幕的寬度：

div{
width: 100%;
}

這個樣式將會把這個div元素的寬度設置為它父元素的寬度。當父元素是時，這個div元素的寬度就會自動適應屏幕的寬度。

有些時候，我們需要讓元素的寬度比例分配，比如下面這個例子：

.container{
width: 80%;
margin: 0 auto;
}
.left-box, .right-box{
width: 50%;
float: left;
}

在這個例子中，我們將包含左右兩個盒子的.container元素的寬度設置為父元素寬度的80%。接著，我們將左右兩個盒子的寬度都設置為一半的50%，這樣它們就會自動分配比例。

總之，在CSS中讓元素的寬度適應屏幕寬度是一件非常基本的操作，它可以讓我們的網頁更加美觀和專業。希望以上的講解對你有所幫助。