只有在中心div小於中心div時，才能使中心div與邊div相同

Question

當且僅當中心div小於Left SideBar2時，如何讓我的中心div與Left SideBar2高度相同？ 我不確定這是否可以用純CSS完成，或者我應該如何使用JS以及如何？

My page

Answer 1

這應該用JavaScript來完成......在這裏，我將使用jQuery的。 將其放入您的標籤並進行適當的更改。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript"> 
    (function() { 
     function changeHeight() { 
      $centerDiv = $('#centerDivId'); 
      $leftBar = $('#leftBarId'); 
      if ($centerDiv.height() < $leftBar.height()) { 
       $centerDiv.css('height', $leftBar.height()) 
      } 
     } 
    }); 
</script> 

Answer 2

jQuery(document).ready(function() { 
    var $center = jQuery('.center-selector'); 
    $center.height(getCenterHeight()); 
}); 

var getCenterHeight = function() { 
    var $left = jQuery('.left-sidebar-container-selector'); 
    var $right = jQuery('.right-sidebar-container-selector'); 

    var leftHeight = parseInt($left.height(), 10); 
    var rightHeight = parseInt($right.height(), 10); 

    return Math.max(leftHeight, rightHeight); 
}; 

Answer 3

也許你可以使用CSS3 min-height屬性設置爲中心div的minimum height。