Как сделать что бы содержимое ul li второго уровня, не выходило за рамки ul первого уровня?

Question

[Secret73]

Всем привет. Подскажите пожалуйста как сделать что бы содержимое ul li второго уровня, не выходило за рамки ul первого уровня?
Ссылка на код: https://jsfiddle.net/0nr9bhzh/19/
Скриншот с примером: dl4.joxi.net/drive/2018/03/06/0022/2754/1473218/18...

Приэтом, если у первого и второго пункта меню, второй уровень состоит из 1 списка, он открывался на уровне родителя
Скриншот с примером: joxi.ru/E2ppB81UBPgYb2

Answer 1

[Алексей Орлов]

Пожалуйста.

Comments

[Secret73]

Спасибо, с нижним пунктом то что нужно. А при всем при этом, можно ли сделать ,что бы высота подстраивалась автоматически и если там например один пункт он был на уровне родителя? Срин для примера: joxi.ru/E2ppB81UBPgYb2

[Алексей Орлов]

Secret73, Вот так?

[Secret73]

Алексей Орлов, Почти. Только третий пункт уехал вниз. Посмотрите пожалуйста joxi.ru/xAeBvaDTYkwaVr

[Алексей Орлов]

Secret73, Тогда мне видеться лишь такой "извращенный" способ для вашей задачи.

[Secret73]

Алексей Орлов, Тут есть два ньюанса , что второй уровень весь в строчку и задать высоту auto не получается. Я до этого доходил, но больше ни каких решение придумтаь не могу

[Алексей Орлов]

Может так.

[Secret73]

Алексей Орлов, Вот так вообще супер, еще бы настроить что бы height: auto был

[Алексей Орлов]

Secret73, Ну, если только так

[Secret73]

Алексей Орлов, Ура, спасибище огромнейшее

Answer 2

[MeylisDay]

https://jsfiddle.net/0nr9bhzh/12/ как-то так

Comments

[Secret73]

Спасибо, с нижним пунктом то что нужно. А при всем при этом, можно ли сделать ,что бы высота подстраивалась автоматически и если там например один пункт он был на уровне родителя? Срин для примера: joxi.ru/E2ppB81UBPgYb2