<div class="wrapper">

  <div class="content"></div>

</div>

.wrapper {

  position: relative;

  width: 500px;

  height: 500px;

  background-color: #ddd;

}

.content{

  background-color:#6699FF;

  width:200px;

  height:200px;

  position: absolute;        //父元素需要相对定位

  top: 50%;

  left: 50%;

  margin-top:-100px ;   //二分之一的height，width

  margin-left: -100px;

}