Html Safari与padding calc的问题

让padding calc（）在Safari中正确显示时遇到一些问题

<div class"menu-container">
 <div class="menu-padding-container"></div>
</div>

除了Safari，它在每个浏览器中都显示得很好

如果我将内括号移到（100%-1300px/2），那么它在Safari上显示良好，但在其他浏览器上显示不好

---

非常感谢您的帮助。

-webkit-calc（）

您尝试过这个吗？并非所有浏览器都支持Calc。这不起作用。Safari和Chrome都使用-webkit-calc（），导致与以前相同的问题。我试过-webkit-calc（100%-1300px/2）和-webkit-calc（（100%-1300px）/2）你试过把它放在它自己的属性中吗关于您的计算公式，我们也可以参考pemdas。不确定这是否是一个问题，因为不确定您的目标是什么

100%-650px

将是您的计算结果，但某些浏览器可能会将其计算为

（（100%-1300px）/2）

.menu-padding-container {
  padding: 45px calc((100% - 1300px) / 2) 55px;
}