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

Question

我在尝试根据位于其旁边的 div 的高度使用 jQuery 设置 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  );    
  }