为什么通过绝对定位之后就实现了水平垂直居中呢？究竟是怎么达到这个效果的啊？
跟上面一样， 严格的来说应该在50%的基础上再减掉长宽的一半
div元素原本绝对定位，左上角相对于父元素的top和left向下和向右移动50%，再通过translate向左和向上移动50%达到水平垂直居中。