Html 在Div上叠加Div

我试图将一个嵌入覆盖在另一个嵌入之上，但我在这样做时遇到了一些困难，我想知道如何将一个嵌入覆盖在另一个嵌入之上

是否有一种方法可以完全使用引导

这是我的嵌入式系统代码：

<div id="thePdfContainer" class="text-center">           
    <embed src="www.example.com/pdf1.pdf" width="550" height="800" type='application/pdf' id="thePdf">
    <embed src="www.example.com/pdf2.pdf" width="550" height="800" type='application/pdf' id="thePdf2">
</div>

---

无需引导即可完成此操作

<div id="thePdfContainer" class="text-center">           
    <embed src="www.example.com/pdf1.pdf" width="550" height="800" type='application/pdf' id="thePdf">
    <embed src="www.example.com/pdf2.pdf" width="550" height="800" type='application/pdf' id="thePdf2">
</div>

记住，最高的z指数总是在顶部。

---

将您的位置设置为左上方。

使用

Z-index

进行优先级排序

    #thepdf{  
      z-index:2;
    }
    #thePdf2{
      z-index:3
    }

---

因此，现在

#thePdf2

将位于

thePdf

的顶部，这将适用于

div

，很抱歉，我没有使用

嵌入

，这打破了我的div的中心。我需要它居中。您希望两个PDF都位于div的中心重叠吗？是的，就是这样

    #thepdf{  
      z-index:2;
    }
    #thePdf2{
      z-index:3
    }