8

我有 60 页都有相同的页脚，包含在 php.ini 中。内容量从高度 300px 到 2000+ 不等。我认为这是不可能的，但是如果我可以让页脚位于浏览器窗口的底部，如果页面比窗口短，并且表现正常（推到底部），那将是很好的，否则，仅使用 CSS。谢谢。

4

5 回答 5

8

我知道这篇文章已经很老了，但我找到了一个很好的资源来解决这个问题。

http://ryanfait.com/sticky-footer/

这只是CSS：

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

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

祝你好运。

于 2013-05-03T08:07:33.120 回答
4

这太晚了，答案与 Barry P 的答案有点相似。

为您的包装器 css 类添加以下内容，

最小高度：计算（100vh - 155px）；

注意：这在 IE8 或更低版本中不起作用。

于 2015-10-20T15:18:34.193 回答
1

这是一篇针对即使IE7页脚在内容很少时停留在底部并在内容很多时向下拖动的文章

http://snipplr.com/view/15334/

于 2012-07-31T17:58:35.470 回答
0

我会尝试给你的内容一个最小高度，比如 500px ......

#content {
   min-height: 500px;
}

这样，即使您只有 300 像素的内容，500 像素（或必要时更长）也会确保页脚被推到足够低的位置以位于最底部。

于 2012-07-31T19:38:55.477 回答
-2

尝试将此添加到您的 CSS

#footer {position: fixed; bottom: 0;}
于 2012-07-31T17:54:52.240 回答