Выпадающее меню динамической высоты — возможно ли сверстать без js?

Question

[Александр]

Привет!
Пытаюсь сверстать только на CSS3 такое меню на списках:


1. Выпадающая колонка может быть разной высоты
2. Родитель должен растягиваться по высоте выпадающего меню
3. Выпадающая колонка должна быть выровнена по верху родителя (самое сложное)

Вот то что у меня получилось: jsbin.com/nowedidete/edit?html,css,output

Пробовал и через float и через position:absolute.

Склоняюсь к тому, что на чистом css это сделать невозможно.
Или реально?

Answer 1

[Станислав]

Я не пойму что вас не устраивает в вашей верстке? То что в Краснодарском крае меню съезжает? Так просто слово не умещается. Достаточно убрать "край" и все встает на свои места. Остается как-то перераспределить процентное соотношение колонок ну или на худой конец overflow применить.

Comments

[Станислав]

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