html - CSS3 具有多列布局的两个 div 的宽度，并排

Question

我有两个 div，都具有多列布局。我想让它们并排放置，但我尝试的一切（如浮动）都会搞砸。我认为问题在于width:auto;占用了所有宽度。

我做了一个 jsfiddle 来更好地解释：http: //jsfiddle.net/2fPZ2/

红色和紫色的 div 应该在同一行。

结果必须是水平布局，其中部分是红色和紫色 div。有什么建议吗？

score 1 · Accepted Answer

只需添加-webkit-column-count:2到.container.

CSS

.container{
    height:100%;
    width:100%;
    position:relative;
    background:red;
    -webkit-column-count: 2;
}

JSF中。

更多信息：列数。

score 0 · Accepted Answer

您的回答由 Matthew James Taylor 提供：

2 回答 2