Как добиться полей без пробелов в печатной версии веб-страницы ⇐ CSS

[Anonymous]

Рассмотрим следующий пример:

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

* {
box-sizing: border-box;
}

body {
margin: 0;
font-family: 'Rubik';
font-size: 10pt;
height: 100vh;
width: 100vw;
}

.filler
{
background-color: yellow;
height: 100%
}

.left-column {
float: left;
background-color: blue;
color: white;
height: 200%;
width: 32%;
padding: 20px;
overflow-wrap: break-word;
}

.right-column {
padding: 20px;
background-color: orange;
float: right;
width: calc(100% - 32%);
height: 200%;
}

@page {
margin: 0
}

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

Мне хотелось бы, чтобы печатная версия этой веб-страницы занимала две страницы. Однако отступы применяются только к началу первой страницы и концу последней страницы:
[img]https:// i.sstatic.net/pgK0mRfg.png[/img]

Я понимаю, почему это происходит, но не понимаю, как это исправить, поскольку делаю следующее:

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

@page {
margin: 1
}

Добавит пробелы вверху и внизу моих страниц, хотя на самом деле я хочу сохранить цвета левой и правой полос в моем документе, соответствующие div элементы с классами left-column и right-column.
Можно ли добиться желаемого результата в печатной версии моей веб-страницы? Спасибо большое.

Подробнее здесь: https://stackoverflow.com/questions/786 ... of-webpage