为什么这些CSS3列宽元素会在其容器中添加额外的空白？

我创造了一个展示这种奇怪行为的模型。

---

我使用了带有前缀的webkit版本的CSS规则，并且只针对Chrome 19 for Mac进行了测试。

列中的额外空间来自您指定的一些样式（例如

宽度：100000px；

）。要修复此问题，请使用以下CSS（）：

#容器{
高度：250px；
-webkit列：15em；
-moz柱：15em；
-ms柱：15em；
-o柱：15em；
柱：15em；
}
#集装箱物品{
垂直对齐：顶部；
显示：内联；
}
#集装箱物品img{
显示：块；
保证金：0自动；
最大宽度：100%；
最大高度：100%；
}

您的解决方案回答了我的问题，但不幸的是，它没有回答导致它的根本问题；-）事实上，我需要将多个独立的列表链接在一起，但我认为这个问题需要一个额外的问题：-）无论如何，感谢前面的回答@olistik，我很有信心准确的渲染可以归结为Chrome中的一个bug，但基本思想是

文章的宽度（这是
内联块的宽度）将与
容器的宽度相同，最大宽度限制为
4177px
（为什么？我不知道）。因此，
#container
超过
4177px
的任何宽度都会生成具有该宽度的文章。任何较小的值都会导致宽度等于
#container
。这就是为什么这三篇
文章
没有占据
#container
@olistik的全部篇幅，哦，在编辑之前先阅读你的评论。当你问我的时候，请告诉我；我也许能帮上忙。