CSS是一種用于美化網(wǎng)頁的語言，有很多種方式可以設(shè)置寬度。其中一種比較好用的方法是按比例設(shè)置寬度。使用這種方法，可以讓網(wǎng)頁元素根據(jù)其容器的大小自動調(diào)整寬度，從而適應(yīng)不同的設(shè)備和屏幕分辨率。

.box{
width:50%;
padding-top:50%;
position:relative;
}
.content{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#ccc;
}

上面的代碼是一個按照比例設(shè)置寬度的例子。首先，我們給容器.box設(shè)置一個寬度為50%。然后，我們使用padding-top來設(shè)置容器的高度，這里的值也是50%。這樣，容器就成了一個正方形，它的寬度和高度是根據(jù)父容器的大小來自動調(diào)整的。

接下來，我們給容器.box里面的.content元素設(shè)置絕對定位，并且將其寬度和高度都設(shè)置為100%，這樣就可以讓.content元素填滿整個容器.box了。

通過這種方式，我們就能夠輕松地實現(xiàn)網(wǎng)頁元素的按比例自適應(yīng)寬度了。這對于響應(yīng)式設(shè)計非常有用，因為它可以讓網(wǎng)頁在不同的設(shè)備和分辨率下都有良好的顯示效果。