隻需要兩行代碼就可以了：
width:900px;
margin:0px auto;
利用DIV+CSS布局時，經常需要利用DIV居中，很多時候如果不知道怎樣設定CSS，需要寫大量的代碼和複雜的Javascript來讓DIV居中，其實利用CSS，可以輕松的設定DIV居中，而且對IE和Firefox都适用。
我們要給一個DIV設定它的寬度，然後設定margin的左邊和右邊的邊緣都是自動auto. margin:0px auto
具體代碼有：
DIV：
<div id="mainBody">
CSS：
#mainBody{
width:900px;
margin:0px auto;
margin-top:20px;
font-size:14px;
}
最好寫上Doctype：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 否則不用的浏覽器，不同的浏覽器版本，可能會産生不同的頁面顯示效果。
![DOM下元素 offset client scroll 相關屬性簡介[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)