Question

请在此处查看图片http://www.tiikoni.com/tis/view/?id=56eb165

当页面以Window.open打开时，内容将重叠为图片中的shwon。

从图像中可以看出Hyper Link Print正在重叠。

这是我正在使用的代码

     <div style="background-color:#99CCFF;white-space: nowrap;">
<hr><p><div style="float: right;"><a href="url">Print</a></div><span STYLE="font-size:24; font-weight:bold; color: black">Site:</span> Downtown Denver DataCenter - CCODEN44 | <span STYLE="font-size:24; font-weight:bold; color: black">Device:</span> CCODEN44-ACME-RTR-1 | <span STYLE="font-size:24; font-weight:bold; color: black">Interface:</span> Wilmington DataCenter, DC  <hr></p>
</div>

Answer 1

我个人本来会写得更好一些，但这是我调整过的。

- 将文字包装在p标签内 -added带有clear的hr标签：两者都清除浮动的锚标签

<div style="background-color:#99CCFF;white-space: nowrap;overflow:hidden">

  <div style="float: right"><a href="url">Print</a></div>

  <hr/ style="clear:both">

  <p> <span STYLE="font-size:24; font-weight:bold; color: black">Site:</span> Downtown Denver DataCenter - CCODEN44 | <span STYLE="font-size:24; font-weight:bold; color: black">Device:</span> CCODEN44-ACME-RTR-1 | <span STYLE="font-size:24; font-weight:bold; color: black">Interface:</span> Wilmington DataCenter, DC</p>

  <hr/>
</div>

当窗口打开为window.open时，DIV内的内容正在重叠

1 个答案: