@media print div:如何解决标题上的重叠页面文本？

Question

在Firefox中打印页面时,我正在使用@media在每个页面上打印标题.我的css设置如下:

@media print {
    div.printDivHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    position: fixed;
    display: block;
    width: 100%;
    height: auto;
    top: 0;
    }
}

问题是第二页的内容与print div标题重叠.(即,在第二页上,标题不会强制页面内容下降,因此我将文本写入文本).有办法解决这个问题吗？

Answer 1

position: fixed;永远不会推送静态（或相对）内容的东西。要么有样式来确保它们不重叠……要么它们重叠。
请参阅此示例 JSFiddle，它使用您的 css。

问题出在其他地方。
如何让页眉不与第一页的文字重叠？你有什么东西把文字压下来吗？保证金顶部？什么？

是否可以分享原始示例或简化示例？（您可以使用JSFiddle。）