javascript - 引用其父父级定位绝对 div

Question

我有三个嵌套的div结构

<div id="div1"> 
   <div id="div2">     // has come content
      <div id="div3"> 
                        // has some content with a form
      </div>
   </div>
</div>

这三个div都是绝对的。现在我想让#div3根据#div1定位 如果我 #div3 是 right:0px; 那么它应该到 #div1

的最右边

注意 请不要要求更正结构，因为它不是我开发的，#div1 和 #div2 不在我的控制。

我唯一的想法是移动 #div3 并通过 jQuery 将其附加到 #div1。但我想要一个纯 CSS解决方案(如果可能)。否则我将使用 jQuery append

我想我已经解释得很好了，不需要 css。但听说是 CSS

#div1 {
position: absolute;
display: none;
}

#div2 
{
position: absolute;
top: 85px;
left: 56px;
width: 300px;
z-index: 2;
}

#div3 {//what ever you want to write to make it relative to #div1  }

Answer 1

如果 div3 的位置是绝对的，它将查找他的祖先，直到找到一个相对定位的父级。要实现您的目标，您需要:

#div1 { position: relative; }
#div2 { position: static; } // default positioning for DIVs
#div3 { position: absolute; right: 0; }