Question

我在尝试使用jQuery根据坐在它旁边的div的高度来设置div的高度时出现问题。基本上，我有两个div，我希望它们都是相同的高度。左边的div将改变高度，并且在CSS / HTML中没有设置高度元素。正确的div也可以改变高度，但左边的一个总是更大。

以下是我将右侧（#p_window）设置为与.c_content_right相同的尝试。 （忽略奇怪的命名约定）

if ($('.c_content_right').length) {        
        if ($('.c_content_right').height() > $('#p_window').height()) {
            $('#p_window').css('height', $('.c_content_right').height() + 'px');    
        }                    
}

这是一个 jsFiddle Demo

Answer 1

jsFiddle demo

如果你有填充，要计算总高度使用：outerHeight()：

  var catH = $('.category_content_right').outerHeight();

  if ( catH  > $('#product_window').height() ){
      $('#product_window').height( catH  );    
  }

Answer 2

这是一个基于你的小提琴。

http://jsfiddle.net/MfrqA/10/

你的小提琴没有设置为jQuery。
我在添加CSS时对jQuery感到困惑，如果我不只是在它之外设置变量，因为你可以使用几种语法，而且我总是被抓住。
如果你的编辑不起作用，那么在'if'循环中添加一个警告，看看你是否到目前为止。

使用jQuery CSS将div设置为与另一个div具有相同的高度

2 个答案:

jsFiddle demo