调整一个元素的高度以匹配CSS中另一个元素的高度

.container {
  display: flex;
}

.element1 {
  flex: 1;
}

.element2 {
  /* 设置element2的高度与element1相等 */
  height: 100%;
}

.container {
  display: grid;
  grid-template-rows: auto;
}

.element1 {
  /* 设置element1的高度与element2相等 */
  grid-row: 1;
}

.element2 {
  /* 设置element2的高度与element1相等 */
  grid-row: 1;
}

const element1 = document.querySelector('.element1');
const element2 = document.querySelector('.element2');

const height = element1.offsetHeight;
element2.style.height = height + 'px';