勝手に命名HolyGrail大人な癒しレイアウトversion2.01

header、footerは常に幅100%。flex-direction:columnとjustify-content:space-betweenでコンテンツが少なくともheaderとfooterが上下にフィット。その間にコンテンツ類。