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

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

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

Html:

5caf47b77a1cd322277456.png
Css:
5caf47c02d113136630984.png
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Aricus
Всё получается очень логично: список дочерних элементов появляется там же, где и поставлен. Если ты хочешь, чтобы результат появлялся поверх остального документа, как всплывающее меню, нужно установить position: relative; у родителя и position: absolute; у дочернего меню. Если же ты хочешь, чтобы результат появлялся снизу, нужно там же и установить это меню, а видимым его делать с помощью JS.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы