1

问题领域

正如您在上面的网站中看到的，页脚没有附加到页面底部，因为没有足够的内容。我想要页脚：

  • 没有滚动时位于页面底部
  • 当窗口进一步缩小时，我希望我的内容定义最小值（换句话说，页脚不应与内容重叠
  • 当有很多内容时，我希望页脚位于页面底部（在滚动之前不一定可见）

我尝试使用http://www.cssstickyfooter.com/上的示例，但收效甚微，我能做到的最好的事情是将页脚粘在底部，但是当窗口时它与内容重叠被调整大小。

谁能告诉我是否有办法让它在不改变页面结构的情况下工作？

我已经花了大约 6 个小时试图让它发挥作用，并尝试了无数技术。如果有人可以尝试这样做并且只提交他们针对我的网站测试过的答案，我将不胜感激。就像我说的那样，我想这样做而不必更改代码的结构。

4

2 回答 2

0

试试这个怎么样： -

* {
    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 */
}

上述代码的学分

还要检查参考资料：-

于 2013-09-21T04:44:46.917 回答
0

尝试设置min-height为page

 #page
 {
   min-height:210px;
 }
于 2013-09-21T04:45:17.150 回答