Задать вопрос
@lemme
Frontend

Как сделать выпадающий список в две колонки на flexbox?

Все вроде получается, но есть нюанс, выпадающий список занимает лишь половину ширины колонок
codepen.io/lemme/pen/LZVPYm

Как сделать, что б ширина выпадающего списка (.navigation__items_dropdown) была = ширине детей (с учетом колонок). В данным момент, занимает ширину лишь половины первой колонки.

UPD
https://wireframe.cc/8amMKC
  • Вопрос задан
  • 671 просмотр
Подписаться 1 Оценить 4 комментария
Решения вопроса 1
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
codepen.io/anon/pen/bedGLa

Без ручной установки ширины для контейнера ничего не получится. Это проблема есть только у flex-direction: column.
stackoverflow.com/questions/33891709/when-flexbox-...

Если задать ширину, то всё будет ок:
codepen.io/anon/pen/XKbbZZ

Среди адекватных решений предлагают только расчет ширины с jQuery
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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