DIV+CSS DIV居中布局

只需要两行代码就可以了： 

width:900px; margin:0px auto;

利用DIV+CSS布局时，经常需要利用DIV居中，很多时候如果不知道怎样设置CSS，需要写大量的代码和复杂的Javascript来让DIV居中，其实利用CSS，可以轻松的设置DIV居中，而且对IE和Firefox都适用。 

我们要给一个DIV设置它的宽度，然后设置margin的左边和右边的边缘都是自动auto. margin:0px auto 

具体代码有： 
DIV： 

 

CSS： 
#mainBody{ 
width:900px; 
margin:0px auto; 
margin-top:20px; 
font-size:14px; 
} 

最好写上Doctype： 否则不用的浏览器，不同的浏览器版本，可能会产生不同的页面显示效果。