将页脚 Div 放在最后一页的底部（在屏幕上和打印上）

Question

我需要在打印时在最后一页的底部放置一个 div。考虑我有一个页面设置如下。

[div id=标题] [/div] [div id=线] x 可能跨越 1 页或更多页的行数 [/div] [div id=Footer style="position: absolute; bottom: 20px; left: 4px; right: 4px;"] [/div]

如果页面上只有几行，则此代码没有问题，但如果页脚不止几行，则页脚会与某些行重叠。是否可以在 CSS 中将页脚固定到页面底部，但如果行填满第一页，则附加到第二页的底部。

我认为它是导致问题的绝对位置。有没有其他人这样做有替代方案？我找不到适合我的解决方案的另一个答案

ps。对方括号感到抱歉，否则无法弄清楚如何获取标记！

Answer 1

我想你想得到这个结果：http://jsfiddle.net/steweb/QAs78/

要让页脚停留在底部，你需要包装你的元素，并设置当前的包装样式：

#wrapper{
    min-height:100%;
    position:relative;
}

记得设置

html,body{
    padding:0; /* to avoid y scrollbar */
    height:100%
}