absoluteポジションのオブジェクトを左右中央配置にする

準備

①　親要素にposition: relative; を設定
②　真ん中表示したいもの（今回、オブジェクトと呼び、幅 300px　高さ 200px とします ）にposition: absolute;を設定

方法１

①　leftに50%を設定
②　オブジェクトの幅の半分のサイズ（width/2）だけ、ネガティブマージンで左に戻す。

position:absolute;
left:50%;
height:200px;
width:300px;
margin-left:-150px;

方法２

①　top,left,right,leftをauto以外の値にする。

position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:300px;
height:200px;

方法２に関して、バシャログ。様の記事　”CSSでblock要素を上下左右中央寄せにする、イマドキの方法。”　でとても詳しく説明されています。