我们可以强制div元素由css“包裹”吗？

Question

（最终解决方案）

---

我很确定这不可能像我想象的那样，但Stackoverflow上有那么多聪明，聪明和温柔的人，我会试一试。

我有container-div个元素，其中包含一个或多个“child-div”元素。容器或多或少是“虚拟的”，实际上它们只应显示哪些孩子属于一起。因为我不知道在每个父母中放置了多少个孩子，所以我无法使用固定宽度。这些元素应该能够浮动以优雅地处理窗口大小调整。

我的目标是，连续显示相同数量的“child-div”，无论它们是哪个parent-div。我当前的问题是，float会导致整个父容器换行，所以问题是，是否有任何可能的方式来“看到”div，如下所示：

之前

后

这有什么意义吗？这是我目前的游乐场：

http://jsfiddle.net/5FXBu/

---

经过与 Gaby aka G. Petrioli （谢谢老兄）的大量实验后，我终于创建了这个解决方案：http://jsfiddle.net/5FXBu/11/

Answer 1

如果container-div仅用于分组并且对图形设计影响不大，则可以将它们设置为inline。将child-div设置为inline-block可以将container-div的部分布局要求传递给child-div（边距主要是.. ）

示例http://jsfiddle.net/gaby/pvWHr/