在双列页面上,如何使用CSS或Javascript将左div增加到右div的相同高度？

.parent {
  display: flex;
}

.left-div,
.right-div {
  flex: 1;
}

.parent {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

const leftDiv = document.querySelector(".left-div");
const rightDiv = document.querySelector(".right-div");

const leftDivHeight = leftDiv.offsetHeight;
const rightDivHeight = rightDiv.offsetHeight;

if (leftDivHeight< rightDivHeight) {
  leftDiv.style.height = rightDivHeight + "px";
} else {
  rightDiv.style.height = leftDivHeight + "px";
}