Flexbox에서 border의 중첩에 신경을 쓰는 상황에서

하면, 만약, 만약...

.flex-item {
  /* border: 1px solid black; */
  box-shadow : 0 0 0 1px black;
}

참고 자료

<div id="flex-container">
  <div class="flex-item">flexアイテム１</div>
  <div class="flex-item">flexアイテム２</div>
  <div class="flex-item">flexアイテム３</div>
</div>

#flex-container {
  display: flex;
  width: 600px;
}
.flex-item {
  width: 200px;
  padding: 10px;
  text-align: center;
  /* border: 1px solid black; */
  /* ↓↓↓ */
  box-shadow : 0 0 0 1px black;
  background-color: gray;
}