CSS是網頁設計中不可或缺的一部分，它可以設置元素的顏色，大小，布局等等。當我們需要根據父元素的大小來調整子元素的寬度和高度時，使用百分比是一個非常方便的方法。

在CSS中，百分比可以用于設置寬度，高度，邊距，填充等等。以下是一些示例：

/* 設置元素寬度為父元素的50% */
div {
width: 50%;
}
/* 設置元素高度為瀏覽器窗口的50% */
div {
height: 50vh;
}
/* 設置元素下邊距為父元素高度的10% */
div {
margin-bottom: 10%;
}
/* 設置元素填充為父元素寬度的5% */
div {
padding: 5%;
}

需要注意的是，百分比是相對于父元素的大小而言的。如果父元素的大小發生改變，子元素的百分比值也會相應改變。所以，使用百分比來進行網頁設計時，一定要考慮好父元素的大小和布局。

當然，還有一些特殊的情況需要特別注意。比如，對于絕對定位的元素，百分比的值是相對于最近的已定位的祖先元素的大小而言的。而對于一些不可見的元素，如占位符元素和空白節點，它們的百分比會被忽略掉。

總之，在CSS中使用百分比是一個非常方便靈活的方法。只要理解好它的用法和注意事項，就可以輕松地進行網頁設計。