使用Firefox和Chrome打印带有固定页脚的html页面

Question

人们，下午好。我和css儿子说，我希望有人能帮我一把。我正在尝试打印从带有页眉和页脚的html页面中获取的某种html文本。此页脚必须保留在页面底部，如果有第二页应该显示在该页面的底部。无论如何，我得到了this小提琴。 html看起来很棒但是当我用pdf打印机打印页面时，文本与页脚重叠，但只有在Firefox中，如果在Chrome上运行小提琴，它会在第二页的最后一段下方打印页脚。

知道如何实现这个想法吗？

Answer 1

在最后一个div中，删除position:absolute，left和top css样式。您将页脚放在所有内容的上方。必须为每个浏览器手动调整top的值，您可能希望远离它。

以下是从页脚div中删除的css样式的更新小提琴：http://jsfiddle.net/BumbleB2na/F3kSQ/2/