Question

我正在网站上工作，它有标题，正文和页脚。

我使用jQuery将页脚和标题放在不同的文件中。

我最初将页脚设置在底部的固定位置。这适用于身体比窗口短的页面。当我查看另一个页面较长的页面时，页脚会在该固定点浮动。

无论页/窗长度如何，如何将页脚保持在底部？

短片：http://jlzizmor.github.io/index.html
长页：http://jlzizmor.github.io/resume.html

**编辑：我在下面实现了CSS / HTML设置，它适用于我所描述的内容。但是现在，在较短的页面上，页脚不会在页面底部结束但略低一点？如果您可以查看，我已经更新了问题中的链接。

Answer 1

在页脚上尝试此样式

width: 100%;
position: fixed;
bottom: 0px;

Answer 2

试试这个

HTML：

 <div class="Wrapper">
    <div class="Header">header</div>
    <div class="Content">Content</div>
    <div class="FooterPush"></div>
  </div>
  <div class="Footer">Footer</div>

的CSS：

*{margin: 0;padding: 0;}

html, body{height: 100%;}
.Header{background:blue;} 
.Wrapper{min-height: 100%;}
.Wrapper .FooterPush{height: 50px;}
.Footer{clear: both;position: relative;margin-top: -50px;height: 50px;background:red;}

demo ----＆gt; http://jsfiddle.net/junkie/fAPQ6/1/

窗口底部的html页脚，内容比窗口长

2 个答案: