IE11でjustfy-contentが効かない

IE11でjustify-contentが効かないことがあります。
例えば次のコードように縦方向の垂直中央揃えを行おうとした場合、IE11だと垂直方向の中央揃えが効きません。

CSS

原因

IE11では高さをmin-heightプロパティで取ろうとしても高さが確保されません。

解決策

min-heightプロパティを使用せず、heightプロパティで高さを指定することで確保することができます。

CSS