將div對齊到另一個頂部

我的問題非常簡單。我有div1有一個變量offset().top取決於頁面的其他元素。我想在它旁邊插入absolute div（基本上使用相同的絕對top），無論是使用CSS還是使用JavaScript。將div對齊到另一個頂部

HTML看起來像

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

來源

2016-04-07 Beginner

你爲什麼不能在分配同樣的方式你'div1'做偏移。一些代碼會很有用。 – Turnip

爲您的div1添加相關包裝。 – 3rdthemagical

@Turnip Div1已經存在於頁面中，並且我稍後在頁面中插入div2。當我做'$（'。fr_down'）.css（'top'，$（'＃extra-final'）。offset（）。'top'）它比它應該低得多 – Beginner

由於在評論你說你要放置div2它已經在DOM插入完成後，你可以嘗試以下方法：

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

來源

2016-04-07 13:18:34 callback

感謝@callback，這工作 – Beginner

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

來源

2016-04-07 13:02:21 Julien

這沒有任何影響。 – Beginner

即使添加一個父div到div1＆div2？ – Julien

是的，我試過既有div2先div1，反之亦然，但它沒有正確放置它們 – Beginner

將div對齊到另一個頂部

回答

相關問題