实现一个div在浏览器水平居中

第一种方法：

div {
  margin: 0 auto;
  width: 960px;
}

 

第二种方法（兼容IE）:

body { text-align: center; }

  div {
    margin: 0 auto;
    width: 960px;
  }

 

第三种方法（不推荐）:

div {
  position: relative;
  left: 50%;
  margin-left: -480px;
  width: 960px;
}