而印刷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*/}