Установить div на оставшуюся высоту с помощью CSS с неизвестными высотами div сверху и снизу

Можно ли сделать так, чтобы оболочка заполняла высоту окна (без прокрутки) и центральный 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>

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