关于文本内容的多个标头 - pdf预览

Question

我已经为每个pdf页面生成了多个标头（dompdf） 标头固定，顶部：0px，宽度：100％。 我的问题是，在第二页和第三页等，我的标题是在我的文字内容，而不是有一个边缘底部。如果我将保证金底部放到标题中，则不会发生任何事情（即使我为该文本内容放置了保证金顶部）。 我该怎么办？

CSS：

#header { 
      position: fixed; 
      top: 0px; 
      width: 100%; 
      margin-top: -180px; 
     } 

#header img { 
      height: 175px; 
      width: 1000px; 
      float: right; 
      margin-top: 85px; 
      margin-right: 50px; 
     } 

HTML：

<div id="header"> 
    <img src="sd-logo.jpg"/> 
</div> 

感谢。

Answer 1

使用固定位置元素时，您需要将其放在文档的边缘以防止重叠主体内容。您试图通过指定负边距来完成此操作，但这些操作未经完全测试。我建议使用负面定位。

CSS：

#header { 
    position: fixed; 
    top: -180px; 
    width: 100%; 
} 

#header img { 
    height: 175px; 
    width: 1000px; 
    float: right; 
    margin-top: 85px; 
    margin-right: 50px; 
} 

HTML：

<div id="header"> 
    <img src="sd-logo.jpg"/> 
</div> 

还要注意的是，由于固定和绝对定位的内容从文档流中除去，利润率不影响渲染任何其他内容。