相对于固定div的div位置[关闭]

Question

我的问题如下。我有3个div：页眉，内容和页脚。

http://jsfiddle.net/5SLk5/

<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>

我希望将标题div永久固定在屏幕顶部，而将底部div永久固定在屏幕底部，以便在滚动页面时，实际上是在滚动内容div和标题和页脚div始终在顶部和底部可见。

虽然我可以通过给页眉和页脚设置一个固定位置来解决此问题，但是由于页眉的高度为'auto'，因此我不知道如何偏移内容，以使其不会与页眉重叠。] >

这是我的CSS：

#header {
  position: fixed;
  width: 100%;

  background-color: red;
}

#content {
  padding-bottom: 100px;

  background-color: blue;
}

#main-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100px;

  background-color: white;
}
如您所见，我已经可以通过在页面底部添加100px（页脚的高度）来填充内容，但是因为我的页眉没有固定高度（它会根据其内容自动调整），但我不知道如何在顶部偏移它，并且它会与标题重叠。有人可以帮我吗？

我的问题如下。我有3个div：页眉，内容和页脚。 http://jsfiddle.net/5SLk5/

Answer 1

使用jquery。