2

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

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

欢迎任何建议。

谢谢

4

2 回答 2

4

试试这个：

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

小提琴：

http://jsfiddle.net/25dSw/

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

于 2013-07-26T19:15:49.947 回答
1

在它的核心，每次你做一些改变 leftdiv 高度的事情时，你都需要更新 rightdiv 的最小高度。

rightDiv.style.minHeight = leftDiv.style.height

我不知道你在做什么会改变左 div 的高度，但只要你minHeight之后可以更新右 div 的高度，你应该没问题。我为你模拟了完整的模式。

使用 jQuery。演示

$(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。演示

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);
};
于 2013-07-26T19:18:53.760 回答