如何重写我的嵌套 CSS 计算操作

问题描述

如何重写

margin: 15px calc(-100vw / 2 + 1009px / 2); // 1024px -15px padding

现在我必须编写所有媒体查询并指定精确的宽度，减去 15px（在我的情况下）才能使其正常工作。

我可以在这里使用另一个 1009px / 2 来代替 calc()，例如 (calc(100vw - 15px)) / 2 吗？

解决方法

嵌套 calc 很好，但是 note that is not supported in IE11。此外，您需要保持间距约定：

p {
  padding: calc(calc(5px + 5px) + calc(5px + 5px));
  border: 1px solid black;
}

<p>Hello! I have a padding of 20px!</p>