html - 相対位置が機能しない

Question

親divの内側で垂直方向に中央揃えになるようにdivをフロートさせようとしているWebサイトがあります。私が使用したコードは基本的にこれです。

#box_to_be_floated_vertically {
    position:relative;
    top:50%;
}

うまくいくように見えますが、うまくいきませんか？

私の例では、ここを見てください: http://www.dronnoc.com/temp/index.php
ここを見ると、サイドバーの横にある ID の div#handleです。私も使用してみまし#sidebar > #handleたが、違いはありませんでした。

アイデアや解決策はありますか？私はこれに何日も苦労しました。

編集

topサンプルサイトで、プロパティにピクセルの高さを物理的に入力すると、問題なく動作することを指摘したいと思います。問題は、パーセンテージを使用しようとしたときに発生します。

score 1 · Accepted Answer

これを使って：

#box_to_be_floated_vertically {
    position: absolute;
    top: 50%;
    margin-top: -XXpx;
    }

XX- 要素の高さを 2 で割った値

コンテナにはposition:relative;

score 0 · Accepted Answer

0

あなたはデッドセンターを試すことができます

お役に立てれば..

于 2012-08-19T06:18:28.160 に答える

score 0 · Accepted Answer

これをパーセンテージで試してみてください。

 #handle {
    position: absolute;
    top: 70%;
    }

3 に答える 3