CSS [DIV-Tableless] Стек вертикально с разной высотой, заполняя промежутки?

Question

У меня разные DIVS, плавающие влево (float: left), которые имеют разную высоту. Мне нужно сложить эти дивы, как прикрепленное изображение:

http://www.krazy.es/images-stackov/capture-divs.jpg

Answer 1

Похоже, что DIV с " контейнером 5 " имеет clear:left; или clear:both;, заданные в CSS.

Редактировать

Неважно, у тебя все твои дивы пропущены.Вот пример кода:

Пример кода на jsfiddle.net

Если вы поиграете с шириной окна, вы заметите, что div будет пытаться заполнитьдо всего доступного горизонтального пространства.Беспорядок, который вы видите, является результатом того, что у дивов разные вертикальные высоты.Вы получите желаемый результат, если:

1. Все они имеют одинаковую высоту (то есть все они имеют 2 строки текста)
2. Вы назначенызначение высоты для каждого делителя с помощью height:90px; (задайте для него наибольший общий знаменатель)
3. или вы решили иметь только 3 столбца делений max , даже если браузерокно достаточно широкое, чтобы вместить больше.Вы можете поместить контейнер 1, 2, & 3 в один блок сверху, а контейнер 4, 5 и 6 в другой блок под
4. Наконец (для полноты), вы можете поместить контейнер 1 &4 в блоке div, контейнер 2 & 5 в блоке div, контейнер 3 & 6 в блоке div, а затем пропустите эти div влево .Это также даст вам 3 столбца, но это слишком ограничительно, и я не рекомендую его ( вы также можете установить высоту для плавающих элементов div для лучшего выравнивания ).

Вариант № 2 - мой любимый.

Answer 2

Контейнер 1, 2, 5 и 6 должен быть в div, а контейнер 3 и 4 должен быть в div.Плавать эти дел.