<div id="div1"></div>
<div id="div2"></div>
1. 用margin: 0 auto;
#div1{width: 960px;height: 200px;background: red;margin: 0 auto;}
2. 用负边距
#div2{width: 960px;height: 200px;position: relative;left: 50%;margin-left: -480px;background: green;}
position相对定位于父元素，left:50%，使div左边移动到了父元素的正中间。用margin-left负值移div的宽度的一半回去，就刚好实现div居中。
原文：http://www.cnblogs.com/CassieLY/p/5215483.html