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