2016-04-07 163 views
1

我的问题非常简单。我有div1有一个变量offset().top取决于页面的其他元素。我想在它旁边插入absolute div(基本上使用相同的绝对top),无论是使用CSS还是使用JavaScript。将div对齐到另一个顶部

enter image description here

HTML看起来像

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

你为什么不能在分配同样的方式你'div1'做偏移。一些代码会很有用。 – Turnip

+0

为您的div1添加相关包装。 – 3rdthemagical

+0

@Turnip Div1已经存在于页面中,并且我稍后在页面中插入div2。当我做'$('。fr_down').css('top',$('#extra-final')。offset()。'top')它比它应该低得多 – Beginner

回答

0

由于在评论你说你要放置div2它已经在DOM插入完成后,你可以尝试以下方法:

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

感谢@callback,这工作 – Beginner

0

enter image description here

#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> 
+0

这没有任何影响。 – Beginner

+0

即使添加一个父div到div1&div2? – Julien

+0

是的,我试过既有div2先div1,反之亦然,但它没有正确放置它们 – Beginner