Можно ли заставить обертку заполнять высоту окна (без прокрутки) и прокручивать центр div без возни с пикселями и JavaScript?

<div id="wrapper">
  <h1>Header</h1>
  <div id="center">
    <div style="height:1000px">high content</div>
  </div>
  <div id="footer">Footer</div>
</div>

По сути, я хочу, чтобы верхний колонтитул был виден сверху, а нижний колонтитул всегда был виден снизу и имел прокручиваемый контент в центре, который занимает оставшуюся высоту.
Высота верхнего и нижнего колонтитулов, а также центральных делителей неизвестна (не задано ни px, ни%, т.е. переменный размер шрифта или отступ). Это возможно с чистым CSS?