居中百分比宽高的元素

.center {
  position: absolute;
  left: 50%;
  top: 50%;

  /*
  不是 =(
  margin-left: -25%;
  margin-top: -25%;
  */

  /* 
  而是!
  */
  transform: translate(-50%, -50%);

  /*
  甚至不要定义 
  比如：Height 可以缺省!
  */
  width: 40%;
  height: 50%;
}

转自司徒正美博客