jquery - jQuery列等高问题

Question

我正在尝试显示两个高度设置为主体宽度 3 的 div，如果 div 需要更多空间来匹配彼此，则匹配这些高度。像等高的列。

这是我到目前为止所拥有的：

var width = $('body').width();
var thirtyheight = width /10*3
$('.thirtyheight').css('height',thirtyheight);

这可以完美地获得宽度并设置为高度，我尝试过使用相等高度的片段，但还没有任何效果。

如果有人有任何建议，我很乐意听取他们的意见。

Answer 1

检查这个

$('.thirtyheight').css({'height',thirtyheight+'px'});

Answer 2

首先计算出身高的1/3，并保存在一个变量中。然后遍历每一列并检查它是否高于计算的高度，如果yes覆盖之前保存的变量。像这样的东西：

var c = $("body").height() / 100 * 33.33;
$(".thirtyheight").each(function(index, el) {
    if ($(el).height() > c) { c = $(el).height(); }
}).height(c);

工作小提琴：http: //jsfiddle.net/3JdYj/

Answer 3

想通了，我决定让父高度来调整子 div 的大小，这是一种享受。

var colHeight = $(".parent").height();
$('.child').css('min-height',colHeight);