почему в print.css видно только html

почему в print.css левая линия не идет до конца https://codesandbox.io/s/html-css-forked-uifjb?file=/print.css

div.ChildrenTop {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
div.ChildrenTop > p {
  margin: 0;
  padding: 0;
}
main{
  flex-direction: column;
}
.text{
  flex-direction: column;
}

html,
body,
.container {
  height: auto;
  min-height: auto;
  border:none;
}
body {
  margin: 0;
}
.container {
  margin: 0 auto;
  display: block;
}
header,
footer {
  color: #000;
  background: transparent;
}

div.MainTop {
  width: auto;
  height: auto;
  display: block;
  background: transparent;
}
.text {
  height: auto;
  overflow: auto;
}
div.LeftMain{
  width: auto;

Как выглядит footer в браузеревведите сюда описание изображения Как выглядит footer в printвведите сюда описание изображения


Ответы (1 шт):

Автор решения: fixer

У вас задано свойство div.LeftMain{height:300px * 5}, то есть фиксированная высота в 1500px. Ровно столько и выводится. Используйте height:auto, чтобы сделать блок на всю высоту.

→ Ссылка