Css 如何不拉伸flex div子对象的高度

我在使用flexbox的父div中有一些子div。 父div的最小高度为：100%

当我添加一个内容很少的子div时，我希望它的宽度延伸到父div的100%，而不是高度

如果div仅包含两行文本，则div的高度应正好是内部文本的高度，而不占用父级中剩余的可用空间

如何解决这个问题

See http://jsfiddle.net/brqzLcb4/

3v 我不希望绿色主页div的值高于必要值。

演示-

---

添加对齐内容：flex start；到.pagecontent它将按照您的要求工作

您能给我们看一些代码吗谢谢！你有没有给我一个提示，让两个div之间的边距与边界上的边距保持一致？