Предварительный просмотр, как показать только часть просмотра

Question

Я хотел бы показать только одну часть веб-просмотра при нажатии кнопки.

Мой текущий код CSS выглядит следующим образом:

  .wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0%; 
    top: 0%;
  }

html код:

<div class="wrapper">long content</div>

Изначально при предварительном просмотре печати отображался только один лист, затем, если я удаляю верхнюю часть: 0%, то при предварительном просмотре отображается нормально, отображается вся страница, но как насчет того, чтобы я хотел распечатать только определенную часть вида?Также, если бы вы могли объяснить, почему удаление top: 0% устранило проблему показа только одного листа, поэтому оно обрезало содержимое?