Html 使用Flexbox和x2B水平滚动布局；柱

有人想帮我调试我正在做的一个小实验吗。我想使用flexbox/multicolumn布局来获得类似于许多Windows 8新闻应用中看到的布局，其中文章位于固定宽度的列中，根据文章长度的不同，列的动态数量会向右滚动

所以我做了这个，但是flexbox和专栏似乎没有很好地协同工作。在Firefox中，它只显示每一列中的一列，我甚至不知道webkit中发生了什么

我搞砸了什么

---

（我看了一下，在Windows 8 html5应用程序中，他们似乎使用了网格布局，但我不能这样做，因为它只是IE）

我找到了一个关于列的非常好的例子：检查一下，可能是你的帮助：在我看来，一旦列开始工作，flex项的宽度就无法正确计算。如果你在歌剧中看到它，你可以更清楚地看到发生了什么。出现多个红色轮廓，第二列元素从第二个红色框的顶部开始：