CSS - Заставить div использовать все доступное пространство

Все,

У меня есть страница, которая должна занимать только доступное экранное пространство в браузере.

У меня есть «верхняя панель» и «нижняя панель», обе из которых фиксированы и расположены вверху и внизу страницы. Я хочу иметь div, который будет занимать (занимать) оставшееся пространство между двумя упомянутыми выше полосами.

Очень важно, чтобы средний div не перекрывался верхней и нижней полосами. Возможно ли это вообще с помощью CSS или мне нужно использовать js.

Кроме того, если я выберу js, учитывая, что браузер сначала загружает CSS перед кодом js, как это работает с использованием js для позиционирования по центру?

Большое спасибо,