html - 在 div 的角落覆盖引导标签

Question

我正在尝试在 DIV 的角落覆盖引导标签。

我想把标签放在 div 的左上角，就像一个叠加层，所以一部分放在 div 上，另一部分关闭。

谢谢

     <div class="span4" style="border-bottom: none; border-top: 4px solid #28A197;">
           <h3>Quick Links</h3>
      <div class="row">
      <div class="span2">
<div class="quickbtn">
<p><a href="#wirelessnetworkinfo" data-toggle="modal"><img src="images/icons/wirelesssignal.png" /></p>
<p>Wireless Network Information</a></p>
</div>
<br />
<div class="quickbtn">
<p><a href="http://mail.google.com" target="_blank"><img src="images/icons/gmail.png" /></p>
<p>Gmail</a></p>
</div>
      </div>

      </div>
  <span class="label label-important">UPDATED</span>

</div>  

这是编码的JSFiddle等，带有准备放置的示例标签和有问题的div的CSS（按钮）

Answer 1

使用position: relativeon.quickbtn和position: absoluteon .quickbtn .label，您绝对可以将标签定位在里面.quickbtn。

小提琴：http: //jsfiddle.net/Pq6JL/1/

---

由于您的帖子不清楚，我添加以下内容：

如果您希望标签悬垂在 之外，请为 的位置.quickbtn设置负数top和：left.label

.quickbtn .label {
    position:absolute;
    left: -4px;
    top: -3px
}

小提琴：http: //jsfiddle.net/Pq6JL/3/