如何设置绝对定位的盒子水平和垂直居中

水平居中实现步骤：

1. left: 50%; 让盒子的左侧移动到父级元素的水平中心位置
2. margin-left: -50px; 让盒子向左移动自身宽度的一半

实现垂直居中：

1. top: 50%; 让盒子的上侧移动到父级元素的水平中心位置
2. margin-top: -50px; 让盒子向上移动自身宽度的一半