How to get the header out of the scroll area?

Question

I have a header and a long scrollable content. I\'d like the header to not be scrollable. I tried setting overflow: hidden to the header but without success.

Answer 1

Found the flex magic.

Here's an example of how to do a fixed header and a scrollable content. Code:

  
    
    
    
    
  
  
    
HEADER
------------
    
    

        CONTENT - START

        
        
CONTENT - END
    
  

For a full Holy Grail implementation (header, footer, nav, side, and content), using flex display, go to here.