IE9~IE11でcalc関数を指定しても段落ちする

横並びの実装などでcalc関数を指定して子要素を分糟表示しようとすると、IE9からIE11では段落ちする現象が発生する場合があります。

CSS

IE9~IE11
IE10、IE11以外

この現象は子要素の幅がcalc関数を使って計算された結果が割り切れない場合に発生します。
この現象を回避するには、calc関数を使わずに%指定を行うか、割り切れるように調整することで回避できます。

CSS