Нижний колонтитул только внизу последней страницы (во время печати) ⇐ CSS

[Anonymous]

У меня есть шаблон сертификата, он имеет динамическое содержимое в верхнем, основном и нижнем колонтитулах. Он выглядит нормально, если печать представляет собой одну страницу, но если печать состоит из более чем 1 страницы, нижний колонтитул не отображается внизу последней страницы. p>
Я пробовал много вещей, таких как положение: абсолютное, статическое, фиксированное, код ниже наиболее близок к тому, что мне нужно.

Код: Выделить всё

body {
min-height: 100vh;
margin: 0;
}

header {
min-height: 50px;
background: lightcyan;
}

footer {
min-height: 50px;
background: PapayaWhip;
}

body {
display: flex;
flex-direction: column;
}

article {
flex: 1;
}

.h500 {
height: 500px;
border: 1px solid #DDD;
margin: 2px;
}

Код: Выделить всё

Header

I made its height:500px to show it in 2 pages
I made its height:500px to show it in 2 pages
I made its height:500px to show it in 2 pages

Footer

Подробнее здесь: https://stackoverflow.com/questions/783 ... e-printing