CSS百分比是相對于父元素的長度或寬度計算的。

.box {
width: 50%;
}

在上面的代碼中，將.box的寬度設置為50%。這意味著.box的寬度將是其父元素寬度的50%。如果父元素的寬度為1000像素，則.box的寬度為500像素。

CSS百分比同樣適用于高度和其他屬性，包括字體大小和內邊距。例如：

.box {
height: 75%;
font-size: 80%;
padding: 10% 5%;
}

在上面的代碼中，.box的高度設置為其父元素高度的75%，字體大小設置為其父元素字體大小的80%，padding依據其父元素的寬度進行計算。

總之，使用CSS百分比能夠使我們的設計更加靈活和響應式，適應各種屏幕大小。