HTML百分比布局是一種靈活的布局方式，可以根據(jù)不同屏幕大小自適應(yīng)調(diào)整頁(yè)面布局。以下是一些HTML百分比布局代碼示例：

<div style="width:100%; height:50%; background-color:blue;"></div>
<div style="width:100%; height:50%; background-color:red;"></div>

上述代碼將頁(yè)面分為兩行，每一行高度為頁(yè)面總高度的50%，背景顏色分別為藍(lán)色和紅色。

<div style="width:20%; height:100%; float:left; background-color:green;"></div>
<div style="width:80%; height:100%; float:right; background-color:yellow;"></div>

上述代碼將頁(yè)面分為兩列，左列占頁(yè)面總寬度的20%，背景顏色為綠色；右列占頁(yè)面總寬度的80%，背景顏色為黃色。

<div style="width:33.3%; height:33.3%; background-color:gray; float:left;"></div>
<div style="width:33.3%; height:33.3%; background-color:gray; float:left;"></div>
<div style="width:33.3%; height:33.3%; background-color:gray; float:left;"></div>

上述代碼將頁(yè)面分為九宮格布局，每個(gè)格子的尺寸為頁(yè)面總尺寸的1/3，背景顏色為灰色。

通過(guò)使用HTML百分比布局代碼，我們可以創(chuàng)建出各種不同的頁(yè)面布局，從而實(shí)現(xiàn)頁(yè)面的自適應(yīng)與響應(yīng)式。