sticky-footer - 如何使我的页脚保持在页面底部?

  显示原文与译文双语对照的内容
147 2

问题区域

如你在网站 上面 中所看到的,页脚没有附加到页面底部,因为内容没有足够的内容。 我想要页脚:

  • 当没有滚动时在页面的底部
  • 当窗口进一步缩小时,我希望我的内容定义最小( 换句话说,页脚永远不会与内容重叠) 。
  • 当有很多内容时,我希望页脚位于页面的底部( 不必在滚动之前看到)

在我尝试使用 http://www.cssstickyfooter.com/ 时,没有成功,但是最好的办法是在窗口的底部加上 footer,当窗口被调整时,它与内容重叠。

是否可以告诉我是否有一种方法可以在不更改页面结构的情况下使它的正常工作?

我已经花了大约 6小时来尝试这个工作并尝试了无数的技巧。 如果有人可以尝试这样做并且只提交他们针对我的网站测试的答案,我真的很感激。 如我所说,我希望这样做,而不必更改代码的结构。

时间: 原作者:

109 1

试试这个怎么样-?


* {
 margin: 0;
}
html, body {
 height: 100%;
}
.wrapper {
 min-height: 100%;
 height: auto!important;
 height: 100%;
 margin: 0 auto -155px;/* the bottom margin is the negative value of the footer's height */
}
.footer,. push {
 height: 155px;/*. push must be the same height as. footer */
}

对 上面 代码的支持

同时检查引用:-

原作者:
...