Java/iview/vue/jsp 打印预览丢失样式，多出空白页

今天在用iview做打印准考证的时候遇到了几个问题，分享下问题和原因，愿后来者少走弯路（大神请略过）。

《问题1：打印预览时页面样式基本全部丢失》
【走的弯路】：百度时带有iview关键字，其实与iview无关，导致搜索结果不理想。应该直接搜核心空白的问题。
【原因】：打印预览时，浏览器读取不到class样式，只读取到了你所打印的div里面的样式名称而已，而并不会把对应的class属性值给读取过来。
【解决】：将class属性值改成行内元素（尽管不利于阅读）

《问题2：打印预览的时候总是多出一页空白页，无论内容多少，都会多出一页》
【走过的弯路】：最多只想到了是某个元素高度超出了，百度到的有用的结果都是让我改成height=auto，实际却是另一条弯路。另外也不是网上说的所有的height都受影响，并且body的height也不受影响，受影响的是你使用id指定的打印区域的最外层的高度。
【原因】：在你要打印的那个div上面的行内元素上面不能有“height:auto”，或者“height:100%”。
【解决】：直接不写height属性即可。