Question

虽然我是一位经验丰富的程序员，但对我来说，网页开发对我来说还是很新的。所以这个问题对你来说可能很容易。

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

欢迎任何建议。

谢谢

Answer 1

试试这个：

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

小提琴：

http://jsfiddle.net/25dSw/

http://jsfiddle.net/25dSw/1/

Answer 2

从本质上讲，每当你做一些改变leftdiv高度的事情时，你需要更新rightdiv的最小高度。

rightDiv.style.minHeight = leftDiv.style.height

我不知道你在做什么改变了左div的高度，但只要你可以更新右div的minHeight你应该没事。我为你嘲笑了整个模式。

使用jQuery。 DEMO

$(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);
});

没有jQuery。 DEMO

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);
};

Div至少和其他div一样高

2 个答案: