【css】調整左欄linksLeft.右欄linksRight.中間欄mid寬度及位置

在著手做網頁時 若發生欄位大小不協調的情況...就好像眼睛一大一小XD

若要改變左欄linksLeft.右欄linksRight.中間欄mid寬度及位置

只要在它們的語法中動一點手腳就好啦~~

/*左欄*/
#linksLeft{
    width: 210px;
    left: 30px;
    padding: 0px;
    float: left;
    position: absolute;
    color: #999999;
    top: 295px;
}

語法解說:

width: 210px; 即為該欄寬度 可自行修改

left: 30px; 向左對齊 與左側距離的值可自行修改

top: 295px; 向上對齊 與最上端距離的值可自行修改

/*右欄*/
#linksRight{
    width: 210px;
    right: -240px;
    padding: 0px;
    float: right;
    position: absolute;
    color: #999999;
    top: 0px;
}

語法解說:

width: 210px; 即為該欄寬度 可自行修改

right: -240px; 向右對齊
與右側距離的值可自行修改

top: 0px; 向上對齊 與最上端距離的值可自行修改

/*中間欄*/
#mid{
    padding: 50px 10px 0px 250px;
    float:left;
    width:600px;

}

語法解說:

padding: 50px 10px 0px 250px; 對齊四周 上右下左對齊 不允許使用負值

width:600px; 即為該欄寬度 可自行修改

只要稍微的修改就能解決大小眼和鼻子腫脹的問題啦XD