CSS是網(wǎng)頁設(shè)計中不可或缺的一部分。其中，百分比是常用的單位之一，可以讓頁面元素的尺寸自適應(yīng)屏幕大小。本文將介紹如何使用CSS設(shè)置寬度百分比。 在CSS中，為了控制元素的寬度，我們可以使用width屬性。屬性值可以是像素（px）、百分比（%）或其他單位。如果想讓元素的寬度自適應(yīng)屏幕大小，最好采用百分比設(shè)置。 下面是一個HTML代碼示例：

<div class="wrapper">
<div class="box"></div>
<div class="box"></div>
</div>

我們需要設(shè)置wrapper元素的寬度為100%。在CSS中，我們可以這樣寫：

.wrapper {
width: 100%;
}

這樣就能讓wrapper元素的寬度自適應(yīng)屏幕大小。接下來，我們需要讓里面的box元素以一定比例分配wrapper的寬度。我們可以使用百分比來實現(xiàn)：

.box {
width: 50%;
height: 100px;
background-color: gray;
float: left;
}

這里我們設(shè)置box元素的寬度為50%。如果有兩個box元素，它們就會均分wrapper元素的寬度。這樣，無論屏幕大小如何，box元素的寬度都會自適應(yīng)屏幕大小。 在實際開發(fā)中，我們也可以使用calc()函數(shù)來計算寬度。這個函數(shù)可以在設(shè)置寬度時加入一些算術(shù)運算符。比如：calc(50% - 10px)可以讓元素的寬度在百分比的基礎(chǔ)上減去一定的像素值。 總結(jié)：設(shè)置寬度百分比是CSS中比較常用的一種方法，可以實現(xiàn)元素的自適應(yīng)屏幕大小。我們可以使用width屬性，也可以采用calc()函數(shù)來計算寬度。