CSS3提供了許多強大的布局功能，其中百分比高度是其中一個最受歡迎的特性之一。使用百分比高度可以輕松實現網頁元素的高度自適應和響應式設計。

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

上面的CSS代碼將一個元素的高度設置為其父元素高度的50%。這意味著如果父元素的高度發生了變化，該元素的高度也會相應地自適應變化。

使用百分比高度可以輕松實現網站響應式設計，即根據不同設備的屏幕大小和分辨率調整網頁布局。例如，在移動設備上，可以設置元素高度為父元素高度的100%，使其填滿整個屏幕。

/* 在移動設備上，設置元素高度為100% */
@media only screen and (max-width: 768px) {
.element {
height: 100%;
}
}

上面的CSS代碼使用@media查詢，設置了在屏幕寬度小于768像素的移動設備上，元素的高度為父元素高度的100%。

總的來說，使用CSS3百分比高度可以大大簡化網頁布局和響應式設計的工作，為網站帶來更好的用戶體驗。