Question

我无法弄清楚如何让一个相对div覆盖div容器内的所有其他相对div而不使用本身感觉完全错误的width:-100px;之类的东西。是否有不同的方法来实现它？

<div style="position:relative;">
   <div id="over_div" style="position:relative"></div>
   <div id="down_div" style="position:relative"></div>
   <div id="down_div" style="position:relative"></div>

</div>

编辑：
我应该提一下，我通过jQuery追加添加覆盖div，这在某种程度上增加它不是在那里但是更低，因此我不明白为什么，所以我认为它可能是错误的html结构

Answer 1

你可以给#over_div一个绝对的位置。另外需要注意的是，最好使用外部css表，以便更轻松地维护样式。

#over_div{
  position:absolute;
  background-color: Rgba(25,25,25,0.5);
  z-index:10;
  height:150px;
  width:50px;
}
#down_div{
  position:relative;
  background-color: red;
  height:50px;
  width:50px;
}
#down_div2{
  position:relative;
  height:50px;
  width:50px;
}

<div style="position:relative;">
   <div id="over_div"></div>
   <div id="down_div"></div>
   <div id="down_div2"></div>
</div>

Answer 2

如果我理解你的话。这样的东西？

""+((Double) cellValue).longValue()+" "+ cellValue

Answer 3

如果我理解您的请求，请参阅代码段。

＆＃13;

wrap.onclick = function(){
  this.insertAdjacentHTML('beforeend', '<div id="app">appended</div>');
  app.style.top = -app.offsetTop+"px";
  this.onclick = null;
}

＆＃13;

div {border: solid 1px gray;height:10%; width:10%;}
#wrap { height:180px; width:320px; }
#app { position: relative; height: 100%; width:100%; background-color: rgba(200,200,200,.7)}

＆＃13;

<div id="wrap" style="position:relative;">
   <div id="over_div" style="position:relative">1st</div>
   <div id="down_div" style="position:relative">2nd</div>
   <div id="down_div" style="position:relative">3rd</div>
  click anywhere to append the cover div
</div>

＆＃13;

如何使一个相对div覆盖div容器

3 个答案: