可以使用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%);