Css 如何使Joomla主内容和模块列动态匹配高度？

嗨，我有一个Joomla网站，模板有两列。一个用于主要内容，另一个用于模块。在不同的页面上，内容列比模块列短，反之亦然。我如何确保这两列始终具有相同的高度，以便它们在任何页面的页脚处相等地相遇？

您需要一些CSS技巧或Javascript。就我个人而言，我喜欢Javascript方法，google equal height collumns。

使用Javascript：

window.addEvent('load', function(){  
// Load assuming there could be images.    
// Otherwise use domready  
  var columns = $$('css selector for the columns');  
  if(columns && columns.length > 1){  
     var heights = [];  
     columns.each(function(el){  
        heights.push(this.getStyle('height'));  
     }).setStyle('height', Math.max.apply( Math, heights ));  
     delete(heights);  
  }  
});  

您可以使用CSS确保页脚位于页面底部。 我喜欢工具