在實際應用中，有時候需要左欄固定寬度，右欄根據瀏覽器視窗大小自動適應，在CSS中實現這樣的佈局方式是簡單可行的，只需在設定左欄的寬度即可，如上例中左右欄都採用了百分比實現了寬度自適應，而我們只需要將左欄寬度設定為固定值，右欄不設定任何寬度值，且右欄不浮動，程式碼如下：
#left {
background-color: #E8F5FE;
1px solid #A9C9E2;
float: left;
height: 300px;
#F2FDDB;
border : 1px solid #A5CF3D;
height: 300px;
}
這樣，左欄將呈現100%的寬度，而右欄將依據瀏覽器視窗大小自適應。
