css3 通过transform定位居中

html:

 <div class="box"></box> 

css:.d1 {

  width: 100px;
  height: 100px;
  background-color: #abcdef;
  position: fixed;
  left: 50%;
  top: 50%;
  /*貌似transform: translate3d()的X Y Z如果是百分比指的是元素本身自己的长宽*/
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
}