Вертикально-плавающие элементы в CSS?

Question

Есть ли решение для моей проблемы, описанное на этом изображении?

У меня есть DIV-тег с фиксированной высотой. В этом элементе у меня есть список. Этот список должен быть размещен как столбцы. Элементы списка имеют фиксированную ширину. , если в Div-Tag есть «слишком много» элементов, он должен прокручиваться по горизонтали. Количество столбцов и элементов не является фиксированным. Он также должен работать в старых браузерах.

Есть ли решение с HTML/CSS?

Answer 1

Вы можете использовать columns и связанный с ними свойства CSS3:

Вот скрипка: http://jsfiddle.net/DeLL7/5/

Обновлением для для нефиксированного числа столбцов и фиксированной высоты контейнера. Тем не менее, для старых браузеров вам, вероятно, не повезло, без необходимости «вручную» размещать ящики.