Как поместить длинные списки в ужатый по высоте контент?

Question

[BarneyGumble]

Добрый день

Имеется вот такая структура - https://jsfiddle.net/15p4hb72/

Как вписать списки в имеющуюся высоту контейнера без указания фиксированной для них высоты и overflow: scroll

Хочется чтобы списки сами понимали в какую высоту их помещают, и при нехватке места, они бы становились скроллируемыми

Answer 1

[Андрей Федоров]

Типа того? https://jsfiddle.net/354bfqug/2/

Comments

[BarneyGumble]

Да, почти то, что нужно. Но если ситуацию немного усложнить?
https://jsfiddle.net/354bfqug/5/

Но нужно, чтобы именно ul-элементы скроллились, а не list1/list2

[Kovalsky]

BarneyGumble, скроллиться может только контейнер. Или опишите как вы себе видите раздельный скролл двух элементов в одном контейнере.

[BarneyGumble]

Никита Полевой, решил задуманное с помощью дополнительных overflow: hidden - https://jsfiddle.net/354bfqug/6/

Спасибо за помощь!

Answer 2

[Kovalsky]

overflow: auto для того и существует

Answer 3

[tyzberd]

https://jsfiddle.net/L3yvqnzv/1/