相对定位无效

Question

我有一个网站，我试图浮动一个div垂直中心在它的父div。我使用的代码基本上是这样的；

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

它看起来应该管用，但它不起作用？

对于我的例子，请看这里：http://www.dronnoc.com/temp/index.php

如果您看这里，它是浮动在侧栏边的div，带有ID #handle。我也尝试过使用#sidebar > #handle，但这并没有什么不同。

有什么想法或解决办法吗？我已经为这事挣扎了好几天了。

编辑

我想指出的是，在我的示例站点中，如果我在top属性中实际设置一个像素高度，它就可以正常工作。问题在于我试着用一个百分比。

Answer 1

用这个：

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

XX -元素的高度除以2

容器必须有position:relative;

Answer 2

你可以试试死亡中心

希望这有帮助..。

Answer 3

试试这个在百分比I锻炼。

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