在 CSS 中，我們經常需要設置元素的寬度和高度。通常我們使用像素單位來指定寬度和高度的數值。

但是，有時候我們需要按照相對比例來設置元素的寬度或高度。這時候，百分數就派上用場了。

/* 設置寬度為占父元素的寬度的50% */
div {
width: 50%;
}

在上面的例子中，我們使用了百分數來設置 div 元素的寬度，其中50%表示該元素的寬度占其父元素的寬度的一半。

當然，我們也可以使用百分數來設置元素的高度，如下所示：

/* 設置高度為占父元素的高度的50% */
div {
height: 50%;
}

除此之外，我們還可以通過百分數來設置元素的 padding、margin、border 等樣式屬性的值。例如，下面的代碼將會創建一個寬度為占父元素寬度的 80%，高度為占父元素高度的 50% 的 div 元素，并分別為其添加 10% 的上下內邊距、5% 的左右內邊距、以及 2% 的上下外邊距和 1% 的左右外邊距：

div {
width: 80%;
height: 50%;
padding: 10% 5%;
margin: 2% 1%;
border: 1px solid black;
}

如上所述，通過使用百分數我們可以更加靈活地設置樣式屬性的值。但是需要注意的是，使用百分數設置元素的尺寸時，其父元素的尺寸必須已知或已指定。否則無法正確計算出元素的實際尺寸。