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

Question

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

Answer 1

使用 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 确保页脚位于页面底部。喜欢 Mootools。