Можем ли мы заставить элемент div "обернуть" css?

(Окончательное решение ниже)


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

У меня есть элементы container-div, которые заполняются одним или несколькими элементами <<21 > . Контейнеры более или менее "виртуальны", на самом деле они должны показывать, какие дети принадлежат друг другу. Поскольку я не знаю, сколько детей помещено внутри каждого родителя, я не могу работать с фиксированной шириной. Эти элементы должны иметь возможность плавать, чтобы грамотно изменять размер окна.

Моя цель состоит в том, чтобы отображать одно и то же количество "дочерних div" в строке, независимо от того, где они находятся. Моя текущая проблема заключается в том, что float вызывает перенос всего родительского контейнера, поэтому вопрос заключается в том, есть ли возможный способ "увидеть" div, например:

До

enter image description here

После

enter image description here

В этом смысл? Вот моя текущая площадка:

http://jsfiddle.net/5FXBu/


После многих экспериментов вместе с Габи aka G. Petrioli (спасибо чувак), я, наконец, создал это решение: http://jsfiddle.net/5FXBu/11/

Ответ 1

Если container-div предназначены только для группировки и мало влияют на графический дизайн, вы можете просто установить их как inline. Установка child-div в качестве inline-block позволяет передать некоторые требования к компоновке container-div к child-div (поля в основном.)

пример http://jsfiddle.net/gaby/pvWHr/