jquery - 如何将 div 置于所有内容之上，但与页面上的另一个元素相关？

Question

我想将我的 div 置于所有内容之上，但就在我的菜单栏下方。与您在 stackoveflow 上单击您的用户名时显示的 div 非常相似。我在使用绝对定位时运气不佳，尽管我可能做错了。

这是代码示例:http://jsfiddle.net/DR8H9/2/

我的问题是，如果宽度设置为精确大小，div 只会直接出现在链接下方。如果有人要更改浏览器窗口的大小，它将不再正确。

.diva
{
  width: 100%;
  height: 35px;
  background: #ccc;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.thisguy
{
  color: #fff;
  background: #000;
  display: block;
  width: 75px;

  position: absolute;
  top: 26px;
  left: 410px;

}

Answer 1

我在 JSFiddle 上写了一些代码，查看:link

基本上我所做的是在 CSS 中:

.panel{
    position:relative;
    height: 30px;
    width: 100%;
    background-color:grey;
  }

  .box{
     position:relative;
     height: 300px;
     width: 300px;
     left: 235px;
     background-color:red;
  }

并且在HTML

<div class="panel"></div>
<div class="box"></div>

您必须更具体地说明您希望此框如何显示(相对于其他类，或绝对)。但这是一般的想法。