Не могу сделать по типу выпадающего меню, что не так?

Question

[Артем Шишков]

Так выглядит массив из букв, нужно чтобы при наведении открывались снизу предметы, начинающиеся на эту букву.
Символы не должны менять своего положения, за исключение того, что нижняя строка должно уезжать вниз при наведении на верхнее, чтобы не мешать просматривать список.

Сейчас получается следующее:


Html:


Css:

Comments

[Rustam Bainazarov]

Вам код тоже скидывать картинками?

https://JSFiddle.net

Answer 1

[Aricus]

Всё получается очень логично: список дочерних элементов появляется там же, где и поставлен. Если ты хочешь, чтобы результат появлялся поверх остального документа, как всплывающее меню, нужно установить position: relative; у родителя и position: absolute; у дочернего меню. Если же ты хочешь, чтобы результат появлялся снизу, нужно там же и установить это меню, а видимым его делать с помощью JS.