/* 页面的大框架 */
.mainbox{ clear:both; margin:0px auto; width:970px;}
.leftbox{ float:left; text-align:left; width:726px;}
.rightbox{ float:right; text-align:center; margin-left:3px; width:225px; text-align:left;} 
 说明：clear:both：不允许有浮动对象，margin:0px auto：示上下边距为0，左右为自动，因此该层就会自动居中了，float:left：对象浮在左边，margin-left表示左外边距3px。

     在公司用DIV+CSS布局有半年了，使我认识到DIV+CSS比table布局好用（易于维护），程序性能比table好。使我对DIV+CSS产生了兴趣。
      下载：CSS2.0中文册
     方便对DIV布局的学习，我推荐微软的一个IE插件，用这款插件可以很方便的显示页面布局，简单的说明一下，这款插件的使用方法：安装完插件后，点击菜单View DOM就可以很方便的看页面布局。
      下载：IE插件