html - 当打印 div 进入文本框时

Question

对于普通网页，我尝试将页面打印为 A4 尺寸......网页在没有打印的情况下工作正常......当我打印后看到页面时，最后一个 div 进入文本框....如何让最后一个div保持在右边.....

http://jsfiddle.net/D7vgU/embedded/result/

<div style=" width: 300px; display: inline-block; position: relative; bottom: 39px; float: right;">

  <span style="color: #000; font-size: 12px; font-family: arial; font-wieght: bold; margin-left: 45px;">
    Mark Up
  </span>
  <span style="margin-left: 110px;">
    10%
  </span>

  <div>

    <span style="margin-left: 45px;">
      Non-Tax Amount
    </span>
    <span style="margin-left: 59px;">
      0
    </span>

  </div>
</div>

Answer 1

你可以使用:

<link rel="stylesheet" type="text/css" media="print" href="print.css">

或

@media print {/*printer only styles here*/}