Css 粘性页脚中的流体高度

我正在为我的项目设置引导粘性页脚：

是否可以设置内容的高度以填充剩余空间？

---

让我解释一下。我想驻留图像，我需要根据可用高度调整其大小。

如果您的目的是填充内容结尾和页脚开始之间的任何空间，我可以看到各种挑战

根据图像的具体情况，可能您可以将其作为如下背景：

您可以使用媒体查询，可能在不同的ViewPont中使用不同的图像，还可以使用填充来优化结果

祝你好运

HTML

 <div id="wrap">
    <div class="contentWrap">

  <!-- Begin page content -->
  <div class="container">
    <div class="page-header">
      <h1>Sticky footer</h1>
    </div>
    <p>page content</p>
  </div>

  <div id="push"></div>
    </div><!-- end contentWrap -->
</div> <!-- end wrap -->

<div id="footer">
  <div class="container">
      <h3>sticky footer </h3>
  </div>
</div>

---

我不明白你的意思。内容已填满剩余空间。如果要根据内容高度和宽度将内容中的图像添加到缩放比例，请使用

img{max width:100%；max height:100%；}

但仍有标题。@Eric因此，请将标题放在内容中，为项目或任何内容创建另一个div，并将图像或背景添加到该项目div中。

#wrap{
background: url(http://is.gd/0QPvoC) left bottom; /* define image and position */
}

.contentWrap{
background-color:#fff;  /* quick fix so background image is hidden behind main content */
}