如何动态设置第二个div的位置

Question

我需要您的帮助才能动态设置div的位置。

我有两个div，我希望将第二个div放在第一个div之下。目前，它们都是重叠的。我的第一个jQuery的内容会动态变化，如何变为可能。请帮忙。我相信，它可以用<div id="firstDiv"> </div> <div id="secondDiv" style="position:absolute;"> </div> 完成，但无法知道如何获得第一个div的位置并设置下一个div位置。

{{1}}

Answer 1

你问了一个jQuery解决方案，所以：

var first_div_top = $("#top_div").offset().top;
var first_div_height = $("#top_div").height();
$("#bottom_div").top = first_div_top+first_div_height;
// or this
$("#bottom_div").css({
    "top":first_div_top+first_div_height
});

Answer 2

尝试为element指定位置。从左侧和顶部指定位置

#secondDiv{
position:absolute;
left:100px;/*your left position*/
top:150px;/*your top position*/
}