css - 当窗口作为window.open打开时，DIV中的内容将重叠。

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

当Page作为Window.open打开时，内容在“图片”中显示为重叠。

从图像中可以看到，超链接打印被重叠了。

这是我正在使用的代码

     <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>

最佳答案

我个人会写得更好一些，但这就是我所调整的。

-将文字包装在p标签内
-在hr标签上添加了clear：两者都可清除浮动的锚标签

<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>

关于css - 当窗口作为window.open打开时，DIV中的内容将重叠。，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5978883/