TD中相對定位元素的頂部屬性沒有任何影響

Question

我在嘗試垂直對齊TD中的浮動元素（和相對定位元素）時發現了此問題。

我在想這可能與默認TD的vertical-align：middle屬性有關。

如果您嘗試「左」屬性，它可以很好地工作，但「頂部」屬性似乎被忽略。

有沒有人知道解釋？請分享，謝謝！

BTW，只是FYI這裏有一個小提琴玩：

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

Answer 1

看來直屬母公司必須有高度的top或bottom個位置的工作（甚至在relative位置） 。請參閱http://jsfiddle.net/9zLsx/12/，我只是更改了代碼，使td上的height: 100px不是tr。

我忘記了relative位置上的百分比與容器相關，而不是元素本身（如px的值）。正如我在上面的評論中指出的，無論容器height如何，都會識別px值，因爲它與元素本身相關（請參閱jsfiddle.net/9zLsx/3）。