html - 絶対位置div

Question

一部のコンテンツを中央に配置しようとしていますが、絶対属性を保持してコンテンツをページの特定の高さ内に維持したいのですが、同時に、コンテンツを完全に中央に配置したいと考えています。絶対座標が特定の座標を取る場合、どうすれば中央に配置できますか？モニターのサイズは人によって異なるため、中心に座標を指定すると失敗します。

#logo {
    position: absolute;
    top: 25px;
    left: 0px;
}

Answer 1

#logo {
    position: absolute;
    top: 25px;
    width: 100px;
    left: 50%;
    margin-left:-50px;
}

左の位置を 50% にし、マイナスのマージンを与えて幅の半分だけ引き戻します。

デモ