我有2个div，如下面的代码所示。我想在“firstDiv”上叠加“secondDiv”。我的HTML模板将动态加载。因此无法确定屏幕上div的位置。我无法使用z-index和position: absolute，因为它会扰乱所有布局。
<div id="firstDiv" style= "height=54px;width=96px"></div>
<div id="secondDiv"></div>
我怎样才能做到这一点？
答案 0 :(得分：1)
将两个div放在另一个div中，position设置为relative，您可以通过javascript使用绝对定位和z-index，和/或可见性控制器。
答案 1 :(得分：1)
首先，如果给定位元素的z-index为-1，它将位于其他内容之下。您不需要绝对位置，RELATIVE定位适用于此，这意味着它仍然在您的文档流中并且位于与其重叠的其他对象下面。
This article is what you want to read for overlapping content nuances.它专注于z-index，但也讨论了堆叠订单，这是您可能会考虑利用的。
答案 2 :(得分：0)
试试这个
<div id="firstDiv" style="height:150px;width:150px">Hello</div>
<div id="secondDiv" style="position:absolute;height:50px;width:50px;background:rgb(255,0,0);left:9px;top:20px;">how r u</div>