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

概述在Firefox中打印页面时,我正在使用@media在每个页面上打印标题.我的css设置如下： @media print { div.printDivHeader { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; position: fixed; display: block; 在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标题重叠. (即,在第二页上,标题不会强制页面内容下降,因此我将文本写入文本).有办法解决这个问题吗？

解决方法 有位置的东西：固定;永远不会推送静态(或相对)内容.要么有造型以确保它们不重叠……或者它们重叠.
见 this example JSFiddle,它使用你的CSS.

问题出在其他地方.
标题如何与第一页中的文本不重叠？你有什么东西推动文字？边距？什么？

是否可以共享原始或简化的示例？ (你可以使用JSFiddle.)

总结

以上是内存溢出为你收集整理的html – @media print div：如何解决标题上的重叠页面文本？全部内容，希望文章能够帮你解决html – @media print div：如何解决标题上的重叠页面文本？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。