Html 如何在@page@左上角声明div

Html 如何在@page@左上角声明div,html,css,Html,Css,我如何声明DIV应该显示在每个页面的左上角,而不是它的相对位置 我有一个部门,比如: <div id=header>Document</div> 谢谢。没有 #header { position: fixed; top: 0; left: 0; } 工作?看见另外,请看一下的W3C规范 编辑:如果我足够仔细地阅读了CSS 3规范以及CSS 2.1规范中关于该属性的内容,我认为你无法将页面中的嵌入到空白框的内容中,唉。我意识到这个问题有点老了,但对于像

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

我有一个部门,比如:

<div id=header>Document</div>
谢谢。

没有

#header {
   position: fixed;
   top: 0;
   left: 0;
}
工作?看见另外,请看一下的W3C规范


编辑:如果我足够仔细地阅读了CSS 3规范以及CSS 2.1规范中关于该属性的内容,我认为你无法将页面中的
嵌入到空白框的内容中,唉。

我意识到这个问题有点老了,但对于像我这样来这里寻找方法的人来说,可以使用CSS3运行元素:

在本例中,标题在除打印以外的所有媒体类型中都是隐藏的。在打印页面上,页眉显示在所有页面的顶部居中位置,h1元素出现的位置除外


div.header{display:none}
@媒体印刷品{
分区标题{
显示:块;
位置:运行(收割台);
}
@页面{@top-center{content:element(页眉,最后一个除外)}
...
介绍
导言

Nope,虽然这会将标题放在左上角,但它将在页面内容区域内,而不是页面边距框内。对不起,我应该指定这是用于印刷媒体的。请参阅@icon911:Nope,我的错,我没有充分阅读您的问题(并且没有查看左上角的
@规则,在您链接到CSS3规范之前,我不知道这些规则)它在webkit浏览器中不起作用……是否有其他解决方案可以实现此功能?是否有支持此功能的浏览器?据我所知,此功能仍在绘图表中。@NicolasBouliane。很抱歉延迟了回复。我在从xhtml生成pdf时使用了此功能(使用FlyingSaucer-它可以工作的地方),所以我恐怕还没有看到它在浏览器中工作。@NicolasBouliane:正确-css 3页媒体模块边距框还没有在任何主流浏览器中实现。有关详细信息,请参阅。这不会使标题显示在所有页面上。
#header {
   position: fixed;
   top: 0;
   left: 0;
}
<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>