html - 相对定位不起作用

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属性中物理地输入一个像素高度，它就可以正常工作。问题出在我尝试使用百分比时。

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

0

以我锻炼的百分比试试这个。

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

于 2012-08-19T06:26:17.733 回答

3 回答 3