Html 粘性页脚和固定页眉

我在谷歌上尝试了几个解决粘脚的方法。我目前的测试一个工作正常，但页脚将不会按下，如果内容溢出一页

问题: 1.如果内容溢出，页脚将不会向下推。当有更多内容时，我如何使其向下推

随着屏幕尺寸变小，收割台高度不固定，因此导航与收割台重叠。我应该如何调整标题，以便即使屏幕较小，标题仍与全屏模式相同？ css:

这是我到目前为止得到的。拨弄

注**很抱歉，我忘了提及，但实际上我也必须支持I.E.7。我知道…这很愚蠢

注意：我曾试图弄乱推荐的解决方案，但其标题未固定或I.E.7不受支持：I.E.7中不支持后

  <div class="content">
   All content goes in here
 <\div>

 .content{
   Min-height:100%;
 }

你的第一个问题解决方案

问题：1

把这个放进盒子里就行了

问题：2

您在边距和填充处使用了%。e、 g.利润率：0.5%0； 身高：6%；对于.header。这可能会在调整窗口大小时导致一些问题

编辑：

也许你想使用html5

有和标签。所以你不必事事都使用div

---

注意IE8及以下版本。要在那里使用html5标记，您需要进行一些修复。

首先，您不应该过于依赖绝对位置。如果你这样做的话，你每一步都会遇到类似的问题。我自己通常使用几乎相同的方法。至于固定页眉，只要设置页眉{position:fixed；}将页脚包装在包装器中就可以了。

  <div class="content">
   All content goes in here
 <\div>

 .content{
   Min-height:100%;
 }