IE11でflexにcalcを書くときの注意点

flexプロパティを以下のように書いていました。

flex: 1 0 calc(100% / 3)

しかし、これではIE11ではうまく表示されませんでした。

解決方法

flex-grow: 1;
flex-shrink: 0;
flex-basis: calc(100% / 3);

flexのショートハンドでcalcを利用することが、
IE11で認められていないようですね。
IE11が滅亡するまではこの書き方で進める必要がありそうです。

参考

stackoverflow.com