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

Question

(下面最终溶液)

---

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

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

我的目标是,连续显示相同数量的"子节点",无论它们是哪个父节点.我当前的问题是,float导致整个父容器包装,所以问题是,是否有任何可能的方式"锯"a 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/上的示例