不使用绝对div，我们可以创建不同的分层重叠div吗

.balls {
  display: flex;
}

.balls>.left {
  height: 2.3rem;
  width: 2.4rem;
  border-radius: 50%;
  margin-right: -0.9rem;
  border: 4px solid white;
  background-color: red;
}

.center_ball {
  z-index: 99999;
}

.left_ball2 {
  z-index: 9999;
}

.right_ball2 {
  z-index: 99;
}

<div class="balls">
  <div class="left"></div>
  <div class="left left_ball2"></div>
  <div class="left center_ball"></div>
  <div class="left right_ball2"></div>
  <div class="left"></div>
</div>