CSS是用于控制網頁樣式的一種語言，通過CSS我們可以設置網頁中各種元素的樣式，比如顏色、字體、布局等。其中，設置寬高比例也是CSS中經常用到的一個功能。 在CSS中，我們可以使用padding-top屬性來設置寬高比例，具體方法如下所示：

.box{
position:relative;
padding-top:60%; /* 設置寬高比例 */
width:100%;
}

上面的代碼中，我們首先給盒子元素.box設置了一個相對定位，這樣我們就可以利用padding-top屬性來設置寬高比例。padding-top的值是一個百分比，它是根據盒子的寬度來計算的。舉個例子，如果我們設置padding-top:60%，那么表示盒子的高度是它的寬度的60%。 還需要注意的是，如果盒子中有子元素，并且這些子元素設置了絕對定位，那么在計算寬高比例時，也需要將子元素的高度考慮進去。具體可以看下面的代碼：

.box{
position:relative;
padding-top:60%; /* 設置寬高比例 */
width:100%;
}
.box img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%; /* 考慮子元素的高度 */
}

上面的代碼中，我們在盒子.box內部添加了一個圖片元素，并給它設置了絕對定位。為了讓圖片占滿整個盒子，我們給它設置了width:100%和height:100%。這里需要注意的是，height也需要設置為100%，這樣才能保證計算寬高比例時將圖片的高度也考慮進去。 總的來說，設置寬高比例是CSS中一個很常見的功能，通過padding-top屬性我們可以很容易地實現。如果在盒子中還有子元素，并且這些子元素設置了絕對定位，那么在計算寬高比例時也需要將這些元素的高度考慮進去。