让两个<div>元素垂直居中堆叠

要让两个`<div>`元素垂直居中并且堆叠在一起，可以采用几种CSS方法。这里提供两种常见的做法：

1. **Flexbox**:
如果HTML结构支持Flexbox，你可以将包含这两个`<div>`的容器设置为`display: flex; justify-content: center; align-items: center;`。例如：

   <div class="container">
     <div class="item">Div 1</div>
     <div class="item">Div 2</div>
   </div>

   .container {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .item {
     /* 其他样式 */
   }

2. **Grid布局**:
使用CSS Grid的话，也可以让两个`<div>`并行居中。给容器设置`display: grid; place-items: center;`，然后每个`<div>`只需基本的网格定位即可。

   <div class="container">
     <div class="item">Div 1</div>
     <div class="item">Div 2</div>
   </div>

   .container {
     display: grid;
     place-items: center;
   }

   .item {
     /* 其他样式 */
   }