TD中相对定位元素的顶部属性没有任何影响

Question

在尝试垂直对齐TD中的浮动（和相对定位）元素时，我注意到了这个问题。

我认为它可能与默认的TD的vertical-align：middle属性有关。

如果您尝试使用“left”属性，它的效果非常好，但“top”属性似乎会被忽略。

有谁知道这个解释？请分享，谢谢！

顺便说一句，这只是一个FYI，这是一个小提琴：

http://jsfiddle.net/9zLsx/2/

Answer 1

看来，直接父母必须拥有top或bottom百分比职位的高度（即使在relative位置）。请参阅http://jsfiddle.net/9zLsx/12/，我刚刚更改了您的代码，以便height: 100px上的td而不是tr。

我忘记了relative位置上的百分比将其与容器相关联而不是元素本身（如px值）。正如我在上面的评论中所指出的，无论容器px如何，都会识别height值，因为它与元素本身相关（请参阅jsfiddle.net/9zLsx/3）。