CSS百分比自適應(yīng)布局是一種適應(yīng)不同屏幕尺寸的網(wǎng)頁布局方式，在響應(yīng)式網(wǎng)頁設(shè)計(jì)中應(yīng)用廣泛。它通過設(shè)置元素的尺寸、位置等屬性為百分比值，使得它們能夠根據(jù)瀏覽器窗口大小自動(dòng)調(diào)整。以下是一個(gè)簡(jiǎn)單的示例：

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

上面的代碼中，容器的寬度為80%，并且通過設(shè)置margin屬性實(shí)現(xiàn)水平居中對(duì)齊。項(xiàng)目的寬度也為50%，同時(shí)設(shè)置了固定的邊距。

這種方式在處理響應(yīng)式布局時(shí)非常實(shí)用，因?yàn)樗梢栽诓煌O(shè)備上顯示相似的頁面效果。當(dāng)瀏覽器窗口大小發(fā)生變化時(shí)，元素的尺寸也會(huì)自動(dòng)調(diào)整，以適應(yīng)新的窗口大小。這一點(diǎn)對(duì)于移動(dòng)端網(wǎng)頁設(shè)計(jì)尤為重要，因?yàn)槠聊豢臻g有限，需要在有限的空間內(nèi)盡可能地展示內(nèi)容。

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