今天使用下述方式定义水平垂直居中不起作用
#box{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
然后改用：
#box{ position: fixed; left:50%; top:50%; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); }
至于不起作用的原因 ，我也不知道
原文：http://www.cnblogs.com/lpt1229/p/5904433.html