Как не растянуть высоту дочернего элемента flex div

Question

У меня есть дочерний div в родительском div, который использует flexbox. Родительский 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 он будет работать, как вы хотели