如何限制div的调整比例，使其不能大于父div

.parent-div {
  display: flex;
}

.child-div {
  flex: 1; /* 允许子div根据可用空间进行调整 */
  max-width: 100%; /* 限制子div的最大宽度为父div的宽度 */
}

<div class="parent-div">
  <div class="child-div">子div 1</div>
  <div class="child-div">子div 2</div>
  <div class="child-div">子div 3</div>
</div>

.parent-div {
  display: flex;
}

.child-div {
  flex: 1;
  max-width: 100%;
}