html打印预览出现重叠,jquery – 打印页面预览时内容在页脚上重叠

我试图实现一些代码,这些代码将在我的所有网页上创建页眉和页脚,但内容在页脚上重叠.

我的样式表：

@media print

{

#Header

{

display: block;

position: fixed;

top: 0pt;

left: 0pt;

right: 0pt;

font-size: 200%;

}

#Footer

{

display: block;

position: fixed;

bottom: 0pt;

left: 0pt;

right: 0pt;

font-size: 200%;

page-break-before: always;

}

#form

{

display: block;

position: relative;

top: 0.5in;

left: 0pt;

bottom: 0.5in;

right: 0pt;

}

}

我的标题,内容&页脚div

在内容中插入超过A4尺寸的行以打破打印预览中的页面.

HEADER

content more then 500 lines

FOOTER

提前致谢.