内部div的孩子水平扩展

Question

检查this fiddle

我希望内部蓝色divs水平放置，并排放置，而不是网格化。我尝试过使用white-space:nowrap，但它不起作用，因为它们是块元素。

如果我将固定宽度设置为#subcontainer图层，但我不知道该图层的宽度，因为它是使用服务器数据动态渲染的。

我无法使用display: inline-block因为图层需要在一起，它们之间没有间隙。

Answer 1

您只需在#subcontainer

上添加较大的百分比宽度即可

http://jsfiddle.net/YFx65/5/