Question

请参阅此处的图片http://www.tiikoni.com/tis/view/?id=56f0053

目前我正在使用的代码是

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

使图像2显示如图所示

请指教。

Answer 1

我不明白你在问什么，但你似乎在询问链接div。我将重新创建我在图像中看到的内容。

    <strong>Interface Utilization</strong><br/>
    <div style="background-color:#9CF;white-space:nowrap">
        <span style="float:right"><a href="page">Print</a></span>
        <strong>Site:</strong> Downtown Denver DataCenter - CCODEN44 | <strong>Device:</strong> CCODEN44-ACME-RTR-1 | <strong>Interface:</strong> Wilmington DataCenter, DC
    </div>

Answer 2

首先：使用z-order

第二

<div style="position:relative">
<div style="background-color:red;position:absolute;left:0px;right:0px;width:200px;height:200px;">
</div>

<div style="background-color:blue;position:absolute;left:0px;right:0px;width:100px;height:100px;">
</div>
</div>

Answer 3

把它放在你现有的div之上，但我不知道如何在那个div周围取得这些边界

  <div style="background-color:white;white-space: nowrap;">
<p><div style="float: right;"></div><span STYLE="font-size:50; font-weight:bold; color: black">Interface Utilization</span>   </p>
</div>

将Div放在另一个DIV之上

3 个答案: