css - 水平方向の位置合わせ:相対 div (CSS)

Question

ここで私のウェブサイトからこれを行いたいと思います: http://project.jazzassite.tk そして、コンテンツを中央に配置したり、好きなことをしたりできる div に配置できるようにします。唯一の問題は、フロートすると機能せず、position:relative を使用すると階段効果が生じることです。

テーブルなどを使用せずに、純粋に CSS でこれを実行できることを望んでいました。

助けていただければ幸いです、Jazza

Answer 1

navigate6 つの子すべてを含む divを中央に配置したいですか? もしそうなら、これはうまくいくはずです：

#navigate {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -540px;
    margin-top: -15px;
}

margin-left はコンテンツの幅の半分であり、負になります。margin-right は、コンテンツの高さの半分であり、負になります。これにより、オブジェクトが垂直方向および水平方向に中央揃えになります。これはあなたが探しているものですか、それとも私は要点を逃しましたか?