CSS網頁版入門教學6：左列固定，右列寬度自適應_基礎教學

在實際應用中，有時候需要左欄固定寬度，右欄根據瀏覽器視窗大小自動適應，在CSS中實現這樣的佈局方式是簡單可行的，只需在設定左欄的寬度即可，如上例中左右欄都採用了百分比實現了寬度自適應，而我們只需要將左欄寬度設定為固定值，右欄不設定任何寬度值，且右欄不浮動，程式碼如下：

複製程式碼 代碼如下:

#left { 
    background-color: #E8F5FE; 
   1px solid #A9C9E2; 
    float: left; 
    height: 300px; 
    #F2FDDB; 
    border : 1px solid #A5CF3D; 
    height: 300px; 
} 

這樣，左欄將呈現100%的寬度，而右欄將依據瀏覽器視窗大小自適應。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>娴</title>