Html Safari不会在另一个div的中心显示该div

我已成功地将一个div放置在另一个div的中心，但它在Safari浏览器中不起作用

#框{
宽度：100%；
身高：100%；
位置：相对位置；
}
#内箱{
保证金：0；
位置：绝对位置；
最高：50%；
左：50%；
保证金权利：-50%；
转换：翻译（-50%，-50%）；
}

---

您可以在没有位置的情况下尝试此操作：

#box{
 width: 100%;    
 height: 100%;
 position: relative;
text-align:center;
}

#inner_box {
  display:inline-block;
}

---

右边距：-50%在这里不需要。。。此外#box div本身的高度和宽度已经达到100%

您已经将#内框与顶部和左侧位置对齐。
然后变换样式将其与#框的中心对齐

Safari（仍然）需要
-webkit-
前缀来进行
转换
：

#inner_box {
    /* … */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

Safari需要
-webkit-
前缀来进行
转换
…是的，它解决了问题，请发布一个答案，以便我可以接受
#inner_box {
    /* … */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}