Задать высоту div в оставшееся пространство с помощью CSS при неизвестной высоте div'ов сверху и снизу
Проблема заключается в том, что я хочу сделать так, чтобы обертка заполняла всю высоту окна без возможности прокрутки, а центральный div был прокручиваемым. При этом не хотелось бы использовать пиксели или JavaScript для достижения этого результата.
Вот пример текущей структуры HTML:
<div id="wrapper">
<h1>Заголовок</h1>
<div id="center">
<div style="height:1000px">Высокий контент</div>
</div>
<div id="footer">Футер</div>
</div>
В идеале, я хочу, чтобы заголовок всегда оставался видимым вверху, футер — всегда был виден внизу, а центральный контент мог бы прокручиваться и занимал оставшееся пространство. Высоты заголовка, футера и центрального div неизвестны (нет заданных значений в пикселях или процентах, т.е. размер шрифта или отступы могут изменяться). Есть ли возможность реализовать это только с помощью CSS?
"Как сделать div на 100% высоты окна браузера"
Как задать высоту body равной 100% высоты браузера?
Как расположить div внизу своего контейнера?
Перенос строки в HTML с использованием '\n'
Как сделать перенос строки с помощью CSS, не используя <br />?