jquery - 设置一个 DIV 高度等于另一个 DIV 的高度

Question

我有两个 DIV，.sidebar 和 .content，我想设置 .sidebar 以与 .content 保持相同的高度.

我尝试过以下方法:

$(".sidebar").css({'height':($(".content").height()+'px'});

$(".sidebar").height($(".content").height());

var highestCol = Math.max($('.sidebar').height(),$('.content').height());
$('.sidebar').height(highestCol);

这些都不起作用。对于 .content 我没有任何高度，因为会根据内容增加或减少。

请帮助我。我今天必须完成一个网页，这个(简单的)事情让我头疼。

谢谢!

Answer 1

您的第一个示例不起作用的原因是由于拼写错误:

$(".sidebar").css({'height':($(".content").height()+'px'});

实际上应该是

$(".sidebar").css({'height':($(".content").height()+'px')});

您缺少 .content 选择器前面的尾括号。