HTML レイアウトの問題_html/css_WEB-ITnose

このエフェクトをページに作成しましたが、プリンターで印刷すると、確かにテキストの下に QR コードが表示されました。これを変更する方法を教えてください。
ページのコードは次のとおりです。

<input name="b_print" type="button" class="ipt"  onClick="printdiv('cardstyle');" value="打印 "><div id="div_print"><div id="cardstyle" >										<div id="address" class="divbox" >											<h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">Production Date: 10/30/2015 </h3>						<h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">Naterial Code  : 20401100000 </h3>						<h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">Parts Name  : Coil </h3>						<h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">Model Name: KK04 </h3>						<h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;"> Qty ： 2000Pcs </h3>						<h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">Supplier Code : 123456789 </h3>						<h3 style="border:none;border-bottom:black solid 1px;font-size:10px;width:150px;">Lot No : 2015-001 </h3> 											</div>					<div id="map" >						<img alt="Sample map" src="X220003200.jpg" width="120" height="120" />					</div>				</div>  

8e308c04384549b4dd4447c214878cb9 または絶対位置。

a061dc587fbb3baa0b06ca117b2615fc または絶対位置。

48bc25e7a6551f4094bfab40f74a8bdcこれを変更する方法ですか?

どのような位置づけについて話しているのでしょうか? Position:absolute;
スタイルは次のとおりです。具体的に変更できます:

面倒そう

Position:absolute;


あなたが言及した 2 つの方法を試しましたが、どちらも機能しません。 float:right メソッドで出力された結果は、以前のものと同じです。 方法は私と同じです。QR コードとテキストの距離が遠すぎます。

スタイルは次のとおりです。

<style>#cardstyle{position:relative;}#cardstyle .divbox{position:absolute;left:10px;}#cardstyle #map{position:absolute;left:300px;top:60px;}</style>

あなたが言及した方法では、同じ結果が出力され、変化はありません。

教えてください

プリンター上のレイアウトはブラウザー上のレイアウトと異なります この点を見てみましょう