我正在使用下面的jquery来使页面上的两个主要列具有相同的高度。
var $toEqualize = $('.equalheightbox');
$toEqualize.css('height', (function(){
return Math.max.apply(null, $toEqualize.map(function(){
return $(this).height();
}).get());
})());
效果很好，除非如果任一div的内容不够大而无法延伸到页面底部，则两列的高度相同，但是页面底部存在难看的间隙。我希望这些列的高度相同，但也至少要与用来显示该页面的浏览器窗口一样高。
有人有想法吗？
未经测试，但是应该这样做：
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());
})());
有关说明：$（window）.height（）是客户端屏幕的高度（如果要少一些，请检查父级的高度。
wS> $（this）.height（）吗？wS：$（this）.height（）//将至少选择屏幕的高度（此表达式是if（...）{...} else {...}的简写
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句