34206
ご回答頂けると幸いです。  
単純な質問なのかもしれませんが、display:flexを使って５つの.flex_itemsを横に並べようと思ったのですが、折り返した後に縦に隙間が発生してしまいます。

親要素であるmainのheightを600pxにすれば縦の隙間ができることなく折り返してくれるのですが、600px以上だと隙間が発生してしまいます。  
flexの仕様なのでしょうか？

ブラウザーはsafari・chrome・FireFox（全て最新）で試しましたが一緒でした。

[![html・cssのソース](https://i.stack.imgur.com/ducKa.png)](https://i.stack.imgur.com/ducKa.png)

[![実際の表示](https://i.stack.imgur.com/RBIJI.png)](https://i.stack.imgur.com/RBIJI.png)
CC BY-SA 3.0
2017-04-22T07:01:58.453
34205
2017-04-22T07:11:46.953
22718
question
html css
display:flexにおける子要素の動き
[`align-content: flex-
start;`](https://developer.mozilla.org/ja/docs/Web/CSS/align-
content)（既定値は`stretch`）でしょうか。
CC BY-SA 3.0
2017-04-22T07:11:46.953
34206
2017-04-22T07:11:46.953
4236
34205
answer