CSS百分比自適應布局是一種適應不同屏幕尺寸的網頁布局方式，在響應式網頁設計中應用廣泛。它通過設置元素的尺寸、位置等屬性為百分比值，使得它們能夠根據瀏覽器窗口大小自動調整。以下是一個簡單的示例：

.container {
width: 80%; /* 寬度為80% */
margin: 0 auto; /* 居中對齊 */
}
.item {
width: 50%; /* 寬度為50% */
margin: 10px; /* 上下左右邊距都為10像素 */
}

上面的代碼中，容器的寬度為80%，并且通過設置margin屬性實現水平居中對齊。項目的寬度也為50%，同時設置了固定的邊距。

這種方式在處理響應式布局時非常實用，因為它可以在不同設備上顯示相似的頁面效果。當瀏覽器窗口大小發生變化時，元素的尺寸也會自動調整，以適應新的窗口大小。這一點對于移動端網頁設計尤為重要，因為屏幕空間有限，需要在有限的空間內盡可能地展示內容。

總之，CSS百分比自適應布局是一種非常實用的網頁布局方式，它可適應不同的設備和瀏覽器窗口大小，為響應式網頁設計提供了很好的支持。