Peut-on forcer un élément div à "envelopper" par css?

(Solution finale ci-dessous)

Je suis sûr que c'est pas possible, la façon dont je l'imagine, mais il y en a tellement intelligente, intelligente et douce, les gens sur Stackoverflow, je vais donner un coup de feu.

J'ai container-div éléments qui se rempli avec un ou plusieurs "child-div" éléments. Les conteneurs sont plus ou moins "virtuelle", en fait ils ne devraient montrer les enfants qui vont ensemble. Car je ne sais pas combien d'enfants sont placés à l'intérieur de chaque parent, je ne peut pas travailler avec une largeur fixe. Ces éléments devraient être en mesure de flotter à la poignée de redimensionnement de la fenêtre en douceur.

Mon but est d'afficher le même montant de "l'enfant-divs" dans une rangée, peu importe dans quel parent-div elles sont. Mon problème actuel est que la float cause l'ensemble du parent conteneur des retour à la ligne, donc la question est, est-il possible de "vu" une divcomme ceci:

Avant

Peut-on forcer un élément div à

Après

Peut-on forcer un élément div à

Est-ce que cela a du sens ? Ici est mon terrain de jeu:

http://jsfiddle.net/5FXBu/

Après beaucoup d'expériences avec Gaby aka G. Petrioli (merci mec), j'ai finalement créé cette solution: http://jsfiddle.net/5FXBu/11/

source d'informationauteur jAndy

  1. 6

    Si le container-div sont juste pour le regroupement et ont peu d'effet sur la conception graphique, vous pouvez simplement définir comme inline. Réglage de la child-div comme inline-block permet de transmettre une partie de la disposition de l'exigence de la container-div à la child-div (marges principalement..)

    exemple à http://jsfiddle.net/gaby/pvWHr/