前端打印高度显示不全的问题

最近在写页面打印功能的时候，发现当页面超过一定高度的时候，打印时只会截取中间一部分打印出来。于是我在想会不会是打印时overflow样式的问题。于是在stackoverflow上找到了如下解答：

https://stackoverflow.com/questions/16221412/css-media-print-causes-part-of-the-page-to-be-cut-off-during-printing-in-ie

Printing CSS:

1. Make sure all print floats are: float none;
2. Make sure your body is overflow-y: visible;
3. Make sure all your contents for print have display: block;

我的页面符合第一和第三条，只有第二条不符合，我添加一下打印样式即可全部打印出来。

@media print {
  body { 
       overflow: visible;
    }
}