使元素具有相同的高度

Question

在this page的底部，我会同时展示YouTube视频，Twitter Feed和类似的节日旋转木马。

我想让YouTube视频和类似节日内容与Twitter Feed一样高，以填充红色显示的空间，但我似乎无法弄清楚如何让这些更高。

Answer 1

您必须捕获最高div的高度，并将其应用于其他div。这只能通过javascript和dom完全加载后完成。像jQuery这样的东西很简单。

最好的是给所有需要相同高度的div，类似'fixthis'的同名。每个div的运行以捕捉高度，将这个高度应用于所有：

$（函数（）{

var new_height = 0;

$('.fixthis').each(function(){

    if($(this).height() > new_height) new_height = $(this).height();

}).height(new_height);

}）;

在您的情况下，YouTube面板上有“youtube”类，因此您可以从这里开始查找其他面板：

$（函数（）{

var new_height = 0;

$('.youtube').parent().find('> div').each(function(){

    if($(this).height() > new_height) new_height = $(this).height();

}).height(new_height);

}）;