如何停止其中一个div自动调整大小以达到另一个div的长度

<div class="container">
  <div class="div1">内容1</div>
  <div class="div2">内容2</div>
</div>

.container {
  display: flex;
}

.div1 {
  width: 200px; /* 设置一个固定宽度 */
}

.div2 {
  flex-grow: 1; /* 充满剩余的空间 */
}

<div class="container">
  <div class="div1">内容1</div>
  <div class="div2" id="target">内容2</div>
</div>

.container {
  display: flex;
}

.div1 {
  width: 100%; /* 让 div1 占据整个宽度 */
}

window.addEventListener('resize', function() {
  var div2Width = document.getElementById('target').offsetWidth;
  document.querySelector('.div1').style.width = div2Width + 'px';
});