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>

另请注意，由于已从文档流中删除固定且绝对定位的内容，因此边距不会影响任何其他内容的呈现。

文本内容上的多个标题 - 预览时为pdf

1 个答案: