CSS3 переход для свойств "top" и "left" не работает

Question

У меня есть список с одним элементом в списке, который перемещается на северо-восток, когда я наводю на него курсор. Использование переходов свойств margin-top и margin-left работало, но элемент, над которым наведен курсор, продолжал выдвигать другие элементы, поэтому я добавил position:relative и попытался использовать свойства перехода top и left, но, похоже, он не работал.

Вот jsfiddle:

список парящих

Answer 1

Добавить слева, сверху по умолчанию ссылка демо

left: 0px

Answer 2

Вы пытались установить родителя своего списка. Я знаю, что иногда у родственника есть проблема, если только основной предмет не является также относительным или абсолютным Просто мысль.

Answer 3

Использовать положение: абсолютное, и оно вылетит из нормального потока документов. Вы также можете задать ему z-index: 5, чтобы убедиться, что он плавает над другими элементами.