Javascript Div至少与其他Div一样高

虽然我是一个经验丰富的程序员，但web开发对我来说还是一个新事物。所以这个问题可能对你们来说很简单

除了彼此，我还有两个div。说leftdiv和rightdiv。我希望我的rightdiv至少和我的leftdiv一样高（出于视觉原因），但它可能更高。我的leftdiv不会改变大小，但我的rightdiv可能会改变。我不想硬编码我的右div的最小高度，因为我会经常编辑我的左div。所以我想要一个脚本（javascript或其他东西），将rightdiv的最小高度设置为与leftdiv的高度相同

欢迎提出任何建议

谢谢

试试这个：

$('#rightdiv').css('min-height', $('#leftdiv').height());

小提琴：

---

其核心是，每次更改leftdiv的高度时，都需要更新rightdiv的最小高度

rightDiv.style.minHeight = leftDiv.style.height

我不知道你在做什么来改变左div的高度，但只要你能在之后更新右div的

minHeight

，你就可以了。我为你模拟了整个图案

---

使用jQuery

---

没有jQuery

---

相关：谢谢你的回复。我发现我有“工作”代码，但min height包含一个拼写错误逗号。

$(function() {
  var changeLeftHeight, leftDiv, rightDiv;
  leftDiv = $('#leftdiv');
  rightDiv = $('#rightdiv');
  changeLeftHeight = function(callback) {
    leftDiv.css({
      height: Math.random() * 200
    });
    return callback();
  };
  return setInterval(function() {
    return changeLeftHeight(function() {
      return rightDiv.css({
        minHeight: leftDiv.height()
      });
    });
  }, 500);
});

window.onload = function() {
  var changeLeftHeight, leftDiv, rightDiv;
  leftDiv = document.getElementById('leftdiv');
  rightDiv = document.getElementById('rightdiv');
  changeLeftHeight = function(callback) {
    leftDiv.style.height = Math.random() * 200 + 'px';
    return callback();
  };
  return setInterval(function() {
    return changeLeftHeight(function() {
      return rightDiv.style.minHeight = leftDiv.style.height;
    });
  }, 500);
};