Свойство top относительного позиционирования элемента в TD не оказывает никакого влияния

Question

Я заметил эту проблему при попытке выровнять по вертикали плавающий (и относительно позиционированный) элемент в TD.

Я думаю, что это может быть связано с вертикальным выравниванием TD по умолчанию:middle свойство.

Если вы попробуете свойство left, оно будет работать отлично, но свойство top кажется проигнорированным.

Кто-нибудь знает объяснение?Пожалуйста, поделитесь, спасибо!

Кстати, просто к вашему сведению, вот вам скрипка:

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).

.