今天使用下述方式定义水平垂直居中不起作用

#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);}

至于不起作用的原因 ，我也不知道