如何创建一个贴在屏幕底部的页脚

Question

  

可能重复：
  CSS sticky footer

您好，

尽管侧面有滚动条，但如何在屏幕底部（而不是页面）创建页脚？ 例如这样： http://www.sportingnews.com/

谢谢。

Answer 1

Fixed footer（与IE6兼容）

您可以看到演示here

Answer 2

它被称为 stickyfooter

http://www.cssstickyfooter.com/using-sticky-footer-code.html

Answer 3

有几种方法，每种方法都有自己的优点/缺点（尤其是浏览器兼容性。）可能最简单的是固定定位，这在IE6中无效。

.bar {
  bottom: 0;
  position: fixed;
  z-index: 2;  /* May need to be tweaked, depending on your design and functionality. */
}

如果您需要IE6兼容性，您可以实现一个JS文件，为IE6启用它（以及更多）。查看ie7.js

Answer 4

<div style="position: fixed;bottom: 0px;">Footer text</div>