jquery，列高度相等，至少與瀏覽器窗口高度相同

Question

我正在使用下面的jQuery查詢來使我的頁面上的兩個主列的高度相同。

var $toEqualize = $('.equalheightbox'); 
$toEqualize.css('height', (function(){ 
    return Math.max.apply(null, $toEqualize.map(function(){ 
     return $(this).height(); 
    }).get()); 
})()); 

除非要麼div的內容不夠大伸展到頁面底部偉大的工程，然後將兩列的高度相同，但有一個在我的頁面底部難看的缺口。我希望列的高度相同，但至少與用於顯示頁面的瀏覽器窗口一樣高。

任何任何想法？

Answer 1

未經測試，但應該這樣做：

var $toEqualize = $('.equalheightbox'); 
var wS = $(window).height(); 
$toEqualize.css('height', (function(){ 
    return Math.max.apply(null, $toEqualize.map(function(){ 
     return wS > $(this).height() ? wS : $(this).height(); 
    }).get()); 
})()); 

對於解釋相關： $（窗口）.height（）是客戶端的屏幕的高度（如果你想少，檢查高度（）.hight（）？wS：$（this）.height（）//它將至少選擇屏幕的高度（該表達式是if（）的簡寫形式...）{...}其他{...}

Answer 2

爲什麼不爲兩個div添加一個容器，將它們設置爲具有父級的全部高度並讓它們成長。