scrolling content between fixed header & footer with variable height

问题

I have a header and a footer, that should be position: fixed,
both have content that varies their height according to the page width, I need the content between them to be scroll-able and that the header & footer will not cover it.
here is an example (of the problem): http://jsfiddle.net/ilyaD/bNSZu/2/
Any ideas for a solution?

回答1:

DEMO

Use max-height,min-height and height as percentages.Along with overflow-y:auto

回答2:

You can set a max-height to #main div and add this style to #main to fire the scroll bar

#main {
   overflow-y:auto; 
}

Working Fiddle

来源：https://stackoverflow.com/questions/10674033/scrolling-content-between-fixed-header-footer-with-variable-height