Question

我正在尝试显示两个div，其高度设置为身体宽度的第3个，如果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);

jQuery列等高度问题

3 个答案: