Переполнение лиса до следующей строки в фиксированном div?

Question

У меня есть фиксированный div с ul внутри него.Фиксированный div установлен на overflow-x: hidden; и overflow-y: scroll;, каждый li установлен на float: left;.Когда в строке слишком много li для просмотра, я хочу, чтобы они перетекли на следующую строку, но она продолжается по прямой до бесконечности, не переходя на следующую строку.Список генерируется сценарием JavaScript.

Вот ссылка на страницу: http://hypotheticalmeraki.doubleohnine.com

Изменить: в левом нижнем углу есть стрелка вверх, когда вы нажимаете на это,исправлен divИзображения в этом изображении - li.

Большое вам спасибо

Исправлена ​​ошибка Сделал ul фиксированной ширины (сделал это! Важно) и установил overflow-x: hidden;и overflow-y: scroll;.

Answer 1

Используйте overflow: auto; вместо overflow-x: hidden и overflow-y: scroll

Answer 2

попробуйте

<div1> <- fixed, overflow
<div2> <- position relative
<ul><li>
</div2>
</div1>