最近はもっぱらレイアウトを作成するときはflexboxを利用しているのですが、やるたびにIEのflexboxバグに毎回引っかかって悩まされていたので、もう忘れないようにしようと、ここに残しておくことにしました。 IEだと上下中央寄せがうまくいかない flexboxだと上下中央寄せも簡単なのでよくやっているのですが、はじめにつくっているときはChromeでやっているので、表示の確認するときにIEを開いてみると「位置がずれてるやん!?」ってことが何度も起きて、そのたびに毎回調べるハメに… ここは毎回見ている気がします。 flexboxのバグに立ち向かう(flexboxバグまとめ) – Qiita 例 HTML<div class="gaiya"> <div class="box-inner"> <h1>ICHIRO</h1> </div> <div> CSS .box { display: f