наличие верхнего и нижнего колонтитула на каждой странице печати без переопределения

Question

Я хочу иметь верхний и нижний колонтитулы на каждой странице печати без переопределения, это мой css код:

@media print {
  footer {
    position: fixed;
    bottom: 0;
    top: auto;
    display: block;
    text - align: center;
    width: 100 %;
  }
  #header {
    display: block;
    position: fixed;
    top: 0;
    bottom: auto;
    text - align: center;
    width: 100 %;
  }
  #header div.col - 6 {
    width: 50 %;
    float: left;
  }
  section.container - fluid {
    position: relative;
    page - break -inside: avoid;
  }
  section.container - fluid: before,
  section.container - fluid: after {
    display: block;
    content: "";
    margin - top: 100 px;
    margin - bottom: 100 px;
  }
}

Я использую windows.print().

Это картина проблемы:

Answer 1

 @page {
    size: A4; 
    margin-top: 2cm;
    margin-bottom: 2cm;
 }

Также вы можете управлять печатью первой страницы, используя нижеприведенный хак

@page:first {
   margin: 0 0 0 0
}