正常div和固定div之间的清晰边距

Question

我必须要divs 一个是固定的，它是所有页面的标题 而内容则是内容 这是我的代码

<style>
#print-head {
    display: none;
}
@media print {

    #print-head {
        display: block;
        position: fixed;
        top: 0pt;
        left:0pt;
        right: 0pt;
        text-align: center;
    }
}
</style>
<div id='print-head'>
    page header herer for all page
</div>
<div id='content'>
    content here coming from foreach loop
</div>

我的问题div内容gat许多行在第一页打印预览一切正常 内容看起来像这样的标题

但在下一页中，内容将与此标头堆叠在一起

我需要一个代码来使内容div始终从顶部获得边距，而不仅仅是在第一页 我怎么能清楚：第一个div和每个页面中的第二个div之间的边距非常重要

Answer 1

尝试

    #print-head {
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}