让定位的盒子水平垂直居中

可以使用transform的translate方法让盒子在水平和垂直方向移动（也就是沿X轴方向和Y轴方向移动），从而使盒子居中

~~~css
.box {
    width: 499.9999px;
    height: 400px;
    background: pink;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);  /* 向左移动自己的一半、向上移动自己的一半 */
}
~~~

如果只是想让定位的盒子水平居中，可以用translateX(-50%)；让定位的盒子垂直居中，可以用translateY(-50%)；