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  );    
  }