css - <html> and <body> not respecting 100% height -
i've been having no-end of issues heights of late. i managed solve heights of elements flex:auto , flex-shrink:0 . i can't html , body tags play ball (visible in element inspector after scroll line.) i have html , body height specified 100% due fact homepage doesn't exceed browser window , need push footer bottom , fill space. i suspect though potentially cause of me experiencing issues when page content exceeds browser window. please advise? here current attempt: @import 'https://fonts.googleapis.com/css?family=open+sans:400,600'; a, a:hover { text-decoration: none; } html, body { height: 100%; } body { font-family: 'open sans', sans-serif; background: #fff; font-size: 16px; min-height: 100%; display: flex; flex-direction: column; } #page_wrap { display: flex; flex-direction: column; flex-shrink: 0; min-height: 100%; } header { background: #fff; text-align: center; padding: 0.62...