css - Calc of max、または CSS の max of calc

Question

このようなことをすることは可能ですか

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

また

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

CSSで？

Answer 1

いいえ、あなたがすることはできません。max()CSS3 の値とmin()単位から削除されました。ただし、CSS4 の値と単位で再導入される可能性があります。現在、それらのcalc()仕様はなく、仕様では、どちらもcalc()関数内で有効であるとは言及されていません。

Answer 2

width回避策は、それ自体を使用することです。

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