@ItsCoder

Как реализовать такое меню?

Как реализовать меню такого типа?
VrwMPRRFOPEBB2.jpg

Само меню должно быть в контейнере с border.
Проблема в том, что если последнему уровню меню задать position: absolute, то родительский контейнер не будет иметь динамическую высоту и меняться в зависимости от количества пунктов меню.

Какие еще есть решения?
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 2
Chefranov
@Chefranov
Front-End, Back-End
Попробуйте последнему меню дать не absolute, а relative
Ответ написан
@Melagomania
Я вот так набросал:
https://codepen.io/Melagomania/pen/MQQvgb?editors=0100
Конечно решение костыльное и абсолютно не универсальное, ведь количество элементов подменю может быть разным. Тем не менее, возможно, в каком-то конкретном случает и такой способ сойдет, если не предусматривается добавление/удаление подпунктов, подменю. Еще можно при наведении на разные пункты меню задать внизу разные маргины, чтоб высота "подстраивалась".
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.