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

Question

My question is pretty simple. I have div1 that has a variable offset().top depending on other elements of the page. I want to insert an absolute div next to it (basically with the same absolute top ) either with just css or with javascript too.

HTML looks something like

<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; }

and

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