這次將會教大家如何修改網誌的主頁基本設定。

#document{

padding : 0px;
margin-top : 5px;
width : 780px;
margin-left : auto;
margin-right : auto;
background-color : #ffffff;
}

i. 把 width: 780px; 改為你想要的寬度。如： width : 1000px;

目標2：改變內容文章寬度

#main_content{

float           : left;
width           : 560px;
}

i. 修改width屬性，要注意的是這數值不能超過上面所設定的網誌寬度。

目標3：改變Sidebar寬度

#main_sidebar{

float            : right;
width            : 218px;
background-color : #f3f3f3;
}

i. 修改width屬性。要注意的是網誌寬度必須大過內容文章寬度 + Sidebar 寬度。Sidebar寬度不能少於200px。如在瀏覽器上看見Sidebar掉了下來，多數原因是Sidebar太窄了，可以多嘗試不同的數值。

目標4：如何改變Sidebar的左右位置

#main_content{ 

float           : right;
width           : 560px;
}

#main_sidebar{

float            : left;
width            : 218px;
background-color : #f3f3f3;
}

i. 分別修改#main_content和#main_sidebar的float屬性。如想Sidebar置左，把#main_sidebar的float設為left, 而#main_content設為right。反之亦然。

目標5：如何隱藏Sidebar

#main_sidebar{

float            : right;
width            : 218px;
background-color : #f3f3f3;
display : none;
}

i. 在#main_sidebar內加上 display: none, 即可。

嗯，時間又差不多了，下一次再談﹗

註：關於這篇文章的內容上的問題，請留言發問。

至於其他的CSS問題，可在這裡問。