http://cnratchet.com/examples/app-ios-mail/
top:50%；难道就能居中？
transform: translateY(-50%);
至于为什么，可以读一下这篇：http://.com/blog/humphry/1190000000381042
垂直居中呀，top:50%只是把它偏移到父元素的50%处。
你仔细看下，会看到还有一个transform:translateY(-50%);把自身移上去了，这样才能垂直居中。
具体可以学习汉堡大大的文章>>
ps:还是汉堡大大神速- -
还配合了
transform: translateY(-50%);
原理和常见的top: 50%; margin-top -定高/2; 一样，用top让顶部移到父容器一半，用另一个属性再往上移自身的一半。移动端有transform能用而已
float:right;margin-top:一个特定的数值