Как сделать так, чтобы последняя страница при печати заполняла весь лист формата А4? ⇐ CSS

[Anonymous]

Я работаю над шаблоном резюме с использованием HTML и CSS, и у меня возникла проблема при печати HTML-страницы на бумаге формата А4. Когда содержимое последней страницы меньше размера бумаги а4, моя html-страница не занимает оставшуюся высоту формата бумаги а4. См. прикрепленное изображение.

• Макет содержимого на экране работает нормально, но когда я распечатываю его,
  последняя страница не использует все доступное пространство на листе формата А4. .
• Последняя страница должна занимать все оставшееся место на листе формата А4, но в настоящее время
  показывается только сам контент, оставляя немного пустого места внизу.

Мой код:









@page {
size: A4;
margin: 20mm;
}

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
height: 100%;
}

@media print {
body {
height: 100%;
}
}

.resume-container {
width: 21cm;
display: flex;
/*this will bring the whole cv in centre of screen*/
margin: 0 auto;
background-color: #fff;

}

.left-panel {
width: 7.24cm;

background-color: var(--left-panel-background-color);
color: #fff;
}

.right-panel {
width: 13.76cm;

background-color: #fff;
}















Подробнее здесь: https://stackoverflow.com/questions/793 ... en-printed