是否可以做这样的事情
max-width: calc(max(500px, 100% - 80px))
要么
max-width: max(500px, calc(100% - 80px)))
在CSS中？
min()，max()和clamp()终于可以！
min()
max()
clamp()
从Firefox 75，Chrome 79和Safari 11.1（除外clamp）开始。
clamp
min()并max()接受任意数量的参数。
clamp()具有语法clamp(MIN, VAL, MAX)，等效于max(MIN, min(VAL, MAX))。
clamp(MIN, VAL, MAX)
max(MIN, min(VAL, MAX))
min()并且max()可以嵌套。它们既可以在内部使用，也可以在calc()外部使用，它们还可以包含数学表达式，这意味着您可以避免calc()使用它们。
calc()
因此，原始示例可以写成：
max-width: max(500px, 100% - 80px);
