How do I use CSS to position a fixed variable height header and a scrollable content box?

Question

I\'m trying to make a web page with a fixed header and a scrollable content area. This is trivial when the header has a known height but I\'m struggling to find a solution f

Answer 1

Here's a solution, but it's a cheat. Basically, you have a duplicate header element, to push down the content, under the fixed position one:

    
Header content goes here
    
Header content goes here
    

        ...