左列内的三个上下重叠的div - 不使用Bootstrap - HTML / CSS

以下是一种使用纯HTML和CSS创建三个上下重叠的div的方法：

HTML代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS代码：

.container {
  position: relative;
  width: 300px;
  height: 300px;
}

.box {
  position: absolute;
  width: 100%;
  height: 100px;
  background-color: blue;
}

.box:nth-child(2) {
  top: 50px;
  background-color: red;
}

.box:nth-child(3) {
  top: 100px;
  background-color: green;
}

在上述代码中，我们使用了一个包含三个div的容器（container）。每个div都具有相同的宽度（100%）和高度（100px）。通过设置它们的位置属性（position:absolute）和top属性来实现上下重叠的效果。每个div的背景颜色也可以根据需要进行更改。