php - 如何使侧边栏的高度与主要内容保持一致？

Question

目前我正在为我的网站使用 wordpress。我的边栏和主要内容区域的高度不对齐。如何使侧边栏的高度与主要内容保持一致？示例 pageA 的内容较长，但侧边栏较短，因此未使用的侧边栏区域将填满空白区域。

下面是我的 index.php 代码。

<?php get_header(); ?>
  <div id="table">
      <div id="mainsidebar">
          <?php get_sidebar(); ?>
      </div>
      <div id="maincontent">
          <div valign="top">
            <?php wowslider(9); ?>
          </div>
          <div valign="bottom">
            <?php include('main-content.php'); ?>
          </div>
      </div>
  </div>
<?php get_footer(); ?>
</body>

这是我上传的示例图片链接。

谢谢。

Answer 1

如果您不介意使用 javascript:

$(function(){
    var main = $('#maincontent').height(),
        sidebar = $('#mainsidebar').height();
    if(main > sidebar){
        $('#mainsidebar').css({'min-height':main});
    }
});