css - css calc無効なプロパティ値

Question

この CSS calc 関数が機能しない理由を誰か教えてもらえますか? Chrome で要素を調べると、「無効なプロパティ値」と表示されます。

width: calc((100vw - 14px * 2) / (270px + 11px * 2));

Answer 1

のような単位で割ることはできません。数値pxのみです。

Answer 2

Stephen Thomas が答えたように、単位で割ることはできません。これを回避するには、数値を数値として除算し、結果に関心のある単位の 1 単位を掛けて測定単位を割り当てます。ネストされたシナリオでは、どの測定単位を使用するかを把握する必要があります。最後に、数値を除算して結果を px または vw の測定単位に割り当てることができるようにしました。