CSS3並列多列布局的兩個div的寬度

Question

我有兩個div，都是多列布局。我想將它們並排放在一起，但我嘗試的所有東西（比如浮動）都會弄得一團糟。 我認爲問題在於width:auto;佔據了所有的寬度。

我已經做了的jsfiddle更好地說明：http://jsfiddle.net/2fPZ2/

紅色和紫色的div應該是在同一直線上。

結果必須是水平佈局，其中部分是紅色和紫色的div。 有什麼建議嗎？

Answer 1

只需將-webkit-column-count:2添加到.container即可。

CSS

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

JSFiddle。

更多：column-count。

Answer 2

你的答案是馬修·詹姆斯·泰勒的禮貌：

http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm