CSS中的寬高百分比是我們進行頁面布局時常常用到的一個屬性。它可以根據父元素的大小，在父元素中調整子元素的大小。我們可以使用% 來表示百分比大小，可以用在width、height、padding、margin等屬性上。

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

當我們設置一個元素的寬度為50%時，該元素的實際寬度將會是父元素寬度的一半。同樣的道理，如果我們設置一個元素的高度為50%，該元素的高度就會是父元素高度的一半。

此外，在設置 margin 和 padding 屬性時，百分比同樣可以起到非常靈活的作用。例如，如果我們將按鈕的 padding 設置為5%，它就會相對于它自身的寬度變為5% 的大小。

/* 設置按鈕 padding 為5% */
button {
padding: 5%;
}

這樣設置后，按鈕的填充大小將會隨著它自身的變化而變化，使得按鈕在不同尺寸的屏幕上都能夠精確呈現。

總之，CSS的寬度和高度百分比非常靈活，可以幫助我們在頁面布局上實現非常精細的效果。因此，我們在開發過程中應該充分利用這個特性。