1、给div设置一个宽度，然后添加margin:0 auto属性

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

2、居中一个浮动元素
确定容器的宽高 宽500 高 300 的层
设置层的外边距

.div {
  width:500px ; height:300px;//高度可以不设
  margin: ‐150px 0 0 ‐250px;
  position:relative; //相对定位
  background‐color:pink; //方便看效果
  left:50%;
  top:50%;
}

3、让绝对定位的div居中

.div {
  position: absolute;
  width: 1200px;
  background: none;
  margin: 0 auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}