将div与顶部相同的偏移对齐

Question

我的问题非常简单。我div1的变量offset().top取决于页面的其他元素。我想在它旁边插入一个absolute div（基本上使用相同的绝对top），或者只使用css或使用javascript。

HTML看起来像

<div>
   <div id="div2">stuff</div>
</div>
<div>
   <div>some divs</div>
   <div id="div1">div1 stuff </div>
</div>

Answer 1

#div1, #div2 { display:inline-block; }

和

<div id="div3">
  <div>
    <div id="div2">stuff</div>
  </div>
  <div>
    <div>some divs</div>
    <div id="div1">div1 stuff </div>
  </div>
</div>

Answer 2

因为在评论中您说要在div2插入DOM之后放置它，您可以尝试以下操作：

$('#div2').css('top', $('#div1').offset().top - $('#div2').offset().top)