.inner{ width:300px; height:300px; position:absolute; top:50%; left:50%; margin-left:150px; margin-top:-150px; /* margin-left:-50%;としたいけど、marginが%を参照するときは包含ブロック(自分を囲っている要素の横幅を基準に計算する) */ /* 仮にouterのwidth:100%;が1000pxの値だとすると.innerのmargin-left:-50%;は-500pxになってしまう */ }