Css 如何填充页眉和页脚之间的空白垂直空间

我有一个带有文本及其填充的标题；页脚，包含文本及其填充，以及内容。 内容有背景图像和文本，并带有相对边距。 我希望内容填充页脚和页眉之间的空白，这样页面就满了。 我怎么做？ 谢谢

编辑： 我有以下代码：

<header>
    <ul class="breadcrumbs">
        <li><a href="#1">1</a></li>
        <li><a href="#2">2</a></li>
        <li><a href="#3">3</a></li>
    </ul>
</header>

<main>
    <h1>hello</h1>
</main>

<footer>
    <h1>bye</h1>
</footer>

---

但这并不准确，我仍然有一点垂直滚动。

我已经解决了它，我替换了outerHeighttrue的减号上的高度，并添加了溢出：隐藏到三个元素main、header、，页脚以避免崩溃的边距效果。

您必须添加一些代码，显示您自己为实现这一点所付出的努力。在您显示当前的相关代码之后，您将更有可能获得帮助。

$('main').height($(window).height() - $('header').height() - $('footer').height());