相对定位不起作用

Question

我有一个网站，我试图将div浮动到它的父div中垂直居中。我使用的代码基本上就是这个;

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

它看起来应该有用，但它没有？

对于我的例子，请看这里：http://www.dronnoc.com/temp/index.php
如果你在这里看，它就是侧边栏侧面的div，标识为#handle。我也试过使用#sidebar > #handle，但没有区别。

任何想法或解决方案？几天来我一直在努力。

修改

我想指出，在我的示例网站中，如果我在top属性中实际放入像素高度，它可以正常工作。问题在于我尝试使用百分比。

Answer 1

使用此：

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

XX - 元素的高度除以2

容器必须有position:relative;

Answer 2

您可以尝试 Dead Centre

希望这会有所帮助..

Answer 3

在锻炼百分比中尝试这个。

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