flexboxで複数行のリストを作りたいです

Question

flexboxで横2列、複数行のボックスを並べたいと思っています。

.container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.item{
	width:44%;
    background:#fff;
    padding:20px;
}

で列部分はセパレートされ、ボックスにスペースが出来るのですが、
行部分にスペースがなく、3個目のボックス（改行されたボックス）が
上のボックスとくっついてしまいます。
改行した際に上のボックスとスペースを作りたい場合はどのように記述すれば良いのでしょうか？

Answer 1

align-content: space-between; を試してみてください。

【CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 | コリス】
http://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html#h208

Comments

[MOMONUTS]

align-content: space-between;と.itemにmargin-bottomを組み合わせる事によってうまくいきました。
ありがとうございました！

Answer 2

.itemにmargin-bottomつければ普通にスペースできませんか？

Comments

[MOMONUTS]

.itemにmargin-bottomは試してみた時スペースが出来なかったのですが、その際はパーセンテージでスペース指定しておりました。
pxで指定したところスペースが出来ました！
気づかせていただきありがとうございました！

[aKusano]

▼動くサンプル
http://jsdo.it/aKusano/angr/fullscreen

うーん、margin-bottomは普通に効くはずですけどね。
掲載していない他のCSSが影響していたりしませんか？

[aKusano]

%でも効きますけどね。。。(´・ω・｀)

[MOMONUTS]

%でも効きますよね。。。何故か効かなかったのです...