如何修复html页脚 [英] How to fix html page footer

问题描述

我需要修复网页底部的页脚。我有一个页面，它首先加载时有一些内容。之后，我会在该页面中附加一些内容。附加

我的页脚没有下来。请帮助我

Hi,

i need to fix footer of my web page bottom. i have a page which has some content while it load first. after that i''ll append some content in that page. while appending
my page footer not coming down. pls help me

推荐答案

看看在twitter bootstrap中实现了粘性页脚：



http://twitter.github.com/bootstrap/examples/sticky-footer.html [ ^ ]

Look how sticky footer is implemented in twitter bootstrap:

http://twitter.github.com/bootstrap/examples/sticky-footer.html[^]

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

这篇关于如何修复html页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！