Div至少和其他div一樣高

Question

儘管我是一個相當有經驗的程序員，但對我而言，Web開發是相當新的。所以這個問題可能會讓你更容易。

我有2個div除了彼此。說leftdiv和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你需要更新mi 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); 
};