在著手做網頁時 若發生欄位大小不協調的情況...就好像眼睛一大一小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
留言列表