将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)