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

【问题标题】：Printing html page with fixed footer with Firefox and Chrome使用 Firefox 和 Chrome 打印带有固定页脚的 html 页面
【发布时间】：2012-07-14 04:14:25
【问题描述】：

大家下午好。我和 css 儿子交流我希望有人能帮我解决这个问题。我正在尝试打印从带有页眉和页脚的 html 页面中获取的某种 html 文本。此页脚必须留在页面底部，如果有第二页，它应该出现在该页面的底部。无论如何，我得到了this fiddle 来展示。 html 看起来不错，但是当我使用 pdf 打印机打印页面时，文本与页脚重叠，但仅在 Firefox 中，如果在 Chrome 上运行小提琴，它会在第二页的最后一段下方打印页脚。

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

【问题讨论】：

标签： html firefox google-chrome positioning

【解决方案1】：

在您的最终 div 中，删除 position:absolute、left 和 top css 样式。您将页脚置于所有内容之上。 top 的值必须针对每个浏览器手动调整，您可能希望远离这种情况。

这是一个从页脚 div 中删除的 CSS 样式的更新小提琴：http://jsfiddle.net/BumbleB2na/F3kSQ/2/

【讨论】：

是的，它可以工作，但它一直出现在第二页的中间。是否有将页脚保持在第二页底部的技巧？如果第一页的内容没有填满整个页面，页脚就会出现在页面中间。谢谢！