如何不能伸展孩子的高度div div

Question

我有一個孩子div在使用flexbox的父div中。 父div有最小高度：100％。

當我添加一個內容很少的子div時，我希望寬度能伸展到其父級的100％（它的作用），而不是高度。

如果div只包含2行文本，則div的高度應該只是文本內部的高度，而不會佔用父代中可用空間的其餘部分。

如何解決這個問題？

See http://jsfiddle.net/brqzLcb4/ 

3V 我不想綠色的「主頁」的div變得比必要的「更高」。

Answer 1

演示 - http://jsfiddle.net/brvzLcb4/1/

添加align-content: flex-start;到.pagecontent這將作爲你想