在例题中，.wrapper设置了绝对定位，然后他自身又translate(-50%,-50%);这里的50%是相对于谁来说的？是它自身的50%吗？
http://www.imooc.com/wenda/detail/310427 我在这里写了一下，你看一下立马明白了
设置绝对定位以后top:50%,left:50%是相当于wrapper的左上角在屏幕中央。但是wrapper的宽度和高度未知,自然整个wrapper是不在屏幕中央，要设置wrapper在屏幕中央就得设置wrapper自身的中心点在屏幕中央，把wrapper自身向x,y轴向反方向（向左和向上）各移动50%,即把整个wrapper水平和垂直居中了。