如何在两个div之间放置垂直线？

在两个div之间放置垂直线可以通过CSS的伪元素和定位属性来实现。以下是一种常见的实现方式：

HTML结构：

<div class="container">
  <div class="div1"></div>
  <div class="div2"></div>
</div>

CSS样式：

.container {
  position: relative;
}

.div1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid #000;
}

.div2 {
  position: relative;
}

解释：

1. 将两个div包裹在一个容器中，并设置容器的定位属性为相对定位（position: relative）。
2. 使用伪元素(::after)在div1后面插入一个垂直线。设置伪元素的定位属性为绝对定位（position: absolute），并通过left属性将其水平居中（left: 50%）。
3. 设置伪元素的top和bottom属性为0，使其垂直方向上充满整个容器。
4. 设置伪元素的border-left属性为1px实线，颜色可以根据需求进行调整。
5. 将div2的定位属性设置为相对定位（position: relative），以保证其在正常文档流中。

这样就可以在两个div之间放置一个垂直线了。如果需要调整垂直线的位置或样式，可以根据实际需求修改CSS样式中的相关属性。