Как уменьшить ширину div, когда элементы удаляются в resize div

Question

Вопрос: у меня есть два div A и B, где DIV A имеет минимальную и максимальную ширину с горизонтальным изменением размера, а Div B - автоматическая ширина. Теперь, когда у Div A есть 4 div, когда каждый div удален, ширина DIVA автоматически уменьшается, но когда я перетаскиваю div A вправо и удаляю элемент в DIV A , ширина не автоматическая

.resizeE {
  border-right: 6px solid;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-content: center;
  width: auto;
  min-width: 150px;
  max-width: 250px;
  height: 100%;
  resize: horizontal;
  overflow: auto;
}

.E1 .E2 .E3 .E4 {
  border: 2px solid #A0A0A0;
  width: 50px;
  height: 50px;
}

.box {
  width: 30px;
  float: left;
  margin: 5px;
}

.red {
  color: red;
  background: pink;
}

.blue {
  color: blue;
  background: light-blue;
}

.green {
  color: green;
  background: pink;
}

.map {
  width: 100%;
}

<div style="height:100%;width:100%;background: #e2e2e2;overflow-y: hidden;overflow-x: hidden;">


  <div class="resizeE">
    <div class="red box">E1</div>
    <div class="red box">E2</div>
    <div class="blue box">E3</div>
    <div class="green box">E4</div>
  </div>


  <div class="col p-5">
    <div class="map">
      block B
    </div>
  </div>

</div>