html中，两个div容器，一个div容器在另一个div上面，如何让这两个div容器形成两个图层

为了让两个div容器形成两个图层，请使用CSS中的z-index属性。您可以通过设置z-index值来控制元素在堆叠层中的位置。在此场景下，您可以为下层div容器设置z-index值为1，为上层div容器设置z-index值为2，以确保上层div容器覆盖下层div容器。下面是实现该设定的代码示例：

<style>
  #bottomDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: blue;
    z-index: 1;
  }
  
  #topDiv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    background-color: red;
    z-index: 2;
  }
</style>

<div id="bottomDiv"></div>
<div id="topDiv"></div>

在此代码示例中，下层div容器的z-index为1，上层div容器的z-index为2。您可以通过修改z-index值的大小来调整两个div容器的图层关系。