Почему div не растягивается при align-self: stretch?

Почему нижний див не растягивается при align-self: stretch ?
Я бы хотел чтобы высота верхнего дива автоматом изменялась в зависимости от содержимого,
а высота нижнего дива автоматом растягивалась до конца родителя (в данном случае до конца страницы).
https://jsfiddle.net/2xdvq7dL/