Question

我尝试了很多方法来获得相同的列，但没有一种方法适合我。我已经尝试了jQuery插件的每个变体，我可以使用文件准备和窗口加载，在头部和身体结束之前使用不同的调用找到...只是没有运气...侧边栏将不会继续满足我的内容

我用我的最新镜头创建了一个小提琴（这是这个方法：http://www.outsidethebracket.com/equal-height-columns/），但是我可以改为使用哪种方法。

$(window).load(function(){
$("#sidebar").height(Math.max($("#content").height(),$("#sidebar").height()));
})

感谢任何帮助！

Answer 1

如果您使用$(document).ready而不是$(window).load，则可以正常工作：

$(document).ready(function () {
    var hgt = Math.max($("#content").height(), $("#sidebar").height());
    $("#sidebar,#content").height(hgt);
});

Answer 2

这里试试这个......

$(document).ready( function() {
  var contentHeight = $('#content').height();
  $('#sidebar').css('height', contentHeight + "px");
});

Answer 3

有一个jQuery插件，用于均衡元素的高度或宽度，这些插件更好，并且有更多实用工具来实现这一点，并且非常易于使用：

希望这会有所帮助，快乐的编码：）

Answer 4

这是使用jquery的等高度列的简单解决方案：

$(window).load(function(){
    $("#left_side").height($("#right_side").height());
});