CSS媒体打印textarea不会出现在页面顶部

Question

我有一个textarea，我希望能够打印。我写了以下CSS片段：

  @media print {
  body * {
    visibility: hidden;
  }
  .printable, .printable * {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
}

当我尝试打印时，文本框出现在页面的大约一半处，并且它只有4行高且非常窄。我尝试了所有我能想到的东西（指定高度和宽度等），但似乎没有任何效果。

有谁知道为什么文本区域出现在页面的一半以及如何修复它？