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