如何在@page @ top-left中声明div

Question

如何声明DIV应该显示在每个页面的左上角，而不是相对位置。

我有一个像这样的div：

<div id=header>Document</div>

我想使用css将其显示在左上角的每个页面上：

@page {
    size: 8.5in 11in;
    margin: 0.25in;
    border: thin solid black;
    padding: 1em;


     @top-left {
        content: ???? ;
      }
}

谢谢。

Answer 1

我意识到这个问题有点老了，但是对于像我这样来这里寻找方法的任何人，都可以使用CSS3运行元素：http : //www.w3.org/TR/2007/WD- css3-gcpm-20070504 /＃running1

在此示例中，在所有介质类型（打印除外）中，标题都从视图中隐藏。在打印的页面上，页眉显示在所有页面的顶部居中，但出现h1元素的位置除外。

<style>
  div.header { display: none }
  @media print {
  div.header {
    display: block;
    position: running(header);
  }
  @page { @top-center { content: element(header, last-except) }}
</style>
...
<div class="header">Introduction</div>

<h1 class="chapter">An introduction</div>

Answer 2

没有

#header {
   position: fixed;
   top: 0;
   left: 0;
}

工作？请参阅打印标题。另外，请查看 W3C 规范中的position:fixed。

编辑：如果我充分阅读了有关边距框的 CSS 3 规范，以及有关该content属性的 CSS 2.1 规范，我认为您无法将<div>页面中的 a 嵌入到边距框的内容中，唉。