最大值计算或CSS中的calc最大值

是否可以做这样的事情

max-width: calc(max(500px, 100% - 80px))

要么

max-width: max(500px, calc(100% - 80px)))

在CSS中？

min()，max()和clamp()终于可以！

从Firefox 75，Chrome 79和Safari 11.1（除外clamp）开始。

min()并max()接受任意数量的参数。

clamp()具有语法clamp(MIN, VAL, MAX)，等效于max(MIN, min(VAL, MAX))。

min()并且max()可以嵌套。它们既可以在内部使用，也可以在calc()外部使用，它们还可以包含数学表达式，这意味着您可以避免calc()使用它们。

因此，原始示例可以写成：

max-width: max(500px, 100% - 80px);