Question

这里是jsFiddle：FIDDLE

有两个div。一个位于页面内容之间，另一个div位于内容的末尾（滚动后）。现在问题是我想要第一个{{1}重叠第二个div，但为了做到这一点，我不知道该怎么做。它将是一个动态页面，因此页面div不断变化，所以我不能height它使用position和absolute或top个关键字。怎么做？？注意：要求是红色的橙色重叠。

Answer 1

答案在于使用jquery来确定第一个（橙色）div的位置，而不是使用这些值来控制第二个（红色）div的位置。 http://jsfiddle.net/4Zaqg/5/让我花了一些时间来解决这个问题..问题是额外的{}括号。

显然我没有触及z-index，而是选择稍微改变div的大小来验证发生了什么...... OH，请告诉我这不是作业。

将此脚本添加到您的html文件

$(document).ready(function () {
     var o = $("#orange").offset();
     $("#red").offset({left:o.left, top:o.top});
});

Answer 2

我找到了方法。我们可以使用这样的CSS代码来执行此操作：

#orange{
    width:100%;
    height:50px;
    background-color:orange;
    position:relative;
    top:50px;
    z-index:2;


}
#red{
     width:100%;
    height:50px;
    background-color:red;
    z-index:1;
}

小提琴：click here

Div彼此重叠

2 个答案: