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

Question

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

[div id=Header]
[/div]

[div id=Lines]
     x Number of lines that could potentially span 1 or more pages
[/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%
}