Как объявить div в @page @ top-left

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:

В этом примере заголовок скрыт от просмотра на всех типах носителей, кроме печати. На печатных страницах верхний колонтитул отображается по центру на всех страницах, кроме тех, где отображаются элементы 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 позиции : исправлено .

РЕДАКТИРОВАТЬ: если я прочитаю спецификации CSS 3, касающиеся поля полей достаточно хорошо, вместе со спецификациями CSS 2.1 о свойстве content, я не думайте, что вы можете встраивать <div> со своей страницы в содержимое поля для хранения, увы.