從二列固定寬度入手，開始嘗試二列佈局的情況下，左右欄寬度能夠做到自適應，從一列自適應佈局中我們知道，設定自適應主要通過寬度的百分比值設置，因此在二列寬度自適應的佈局中也同樣是百分比寬度值的設計，繼續上面的CSS程式碼，我們得新定義二列的寬度值：
複製程式碼 代碼如下:
#left {
background-color: #E8F5FE;
float: left;
height: 300px;
width: 20%;
}
#right {
p穿; #A5CF3D; float: left;
float: left;
height: 300px;
width: 70%;
}
左欄寬度設定為寬度為寬度20%的70%，看起來像一個左側為導航，右側為內容的常見網頁形式。
