jquery - jQuery列の高さが等しい問題

Question

高さを本体の幅の 3 分の 1 に設定して 2 つの div を表示し、div が互いに一致するためにより多くのスペースが必要な場合は、これらの高さを一致させようとしています。同じ高さの柱のように。

これが私がこれまでに持っているものです：

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

これは幅を取得し、高さを完全に設定します。これで同じ高さのスニペットを使用しようとしましたが、まだ何も機能していません。

誰か提案があれば、ぜひ聞きたいです。

Answer 1

それを理解して、親の高さを取得して子divのサイズを変更することにしました。

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

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

これをチェックして

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