Я ищу способ сделать div, содержащий содержимое моей главной страницы, для расширения, чтобы он соответствовал пространству, оставшемуся после добавления моего верхнего и нижнего колонтитулов. HTML выглядит так:
<div id="wrapper">
<div id="header-wrapper">
<header>
<div id="logo-bar"></div>
</header>
<nav></nav>
</div>
<div id="content"></div>
</div>
<div id="footer-wrapper">
<footer></footer>
</div>
Он сконструирован таким образом, что нижний колонтитул всегда находится в нижней части страницы, установив минимальную высоту #wrapper на 100%. Проблема в том, что #content не расширяется, чтобы заполнить пустое пространство внутри #wrapper, что затрудняет получение требуемого внешнего вида. Как я могу заставить это сделать это?