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*/}