Question

我有一个带有文本及其填充的标题;页脚，文字及其填充，以及内容。内容具有backgronud图像和文本，具有相对边距。我希望内容填充页脚和标题之间的空白区域，因此页面已满。我该怎么做？谢谢！

编辑：我有这段代码：

<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>

使用js，我将页脚和标题的高度减去窗口的高度：

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

但这不准确，我还有一点垂直滚动。

Answer 1

我已经解决了，我已经替换了outerHeight（true）的substract上的height（），并将“overflow：hidden”添加到三个元素（main，header，footer）以避免崩溃边缘效应

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

1 个答案: