CSS3のFlexboxでパーセントで指定された要素を天地左右の中央に配置する ネタ元:[CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック | コリス これを読んでちょっとトリッキーだな。CSS3のFlexboxを利用すれば簡単にできるのにとおもったので紹介しておきます。 次のようなHTMLがあったとして、 <div id="outer"> <div id="inner"></div> </div> 次のようにCSSを指定すると天地左右中央配置が可能です。 #outer{ height:100%; display:-webkit-box; -webkit-box-pack : center; -webkit-box-align : center; } #inner{ width:50%; height:40%; background