Html 与一排中最高的Joomla模块高度相等

web上有几种方法可以将柱的高度设置为相等。我认为其中最好的一个是“”

但是，在Joomla模块结构上应用该方法存在一个问题，我不知道如何让它工作

我在Joomla模板源上使用了（一个主要背景用于模块，另一个背景图像用于内部DIV以包装模块底部），因此每个模块都以这种方式渲染：

<div class="module_menu">
  <div>
    <div>
      <div>
        <h3>Main Menu</h3>
        <ul class="menu">
          <li><!-- various menu items --></li>
        </ul>
      </div>
    </div>
  </div>
</div>

---

如何使用保存模块背景样式自动/动态地设置模块高度相等。

您需要查看

模板/system/html/modules.php

然后，您可以创建一个

module chrome

的副本来输出您的模块结构，这将更加有益，因为您的代码阅读起来有点离谱，而且不太符合语义。i、 e

function modChrome_myModuleName($module, &$params, &$attribs)
{
    $doc =& JFactory::getDocument();
    $css  = ".moduleOuter { your style }";
    $css .= ".moduleInner{ your style }";

    $doc->addStyleDeclaration($css);

    ?>
    <div class="moduleOuter">
       <div class="moduleInner">
        <?php if ($module->showtitle != 0) : ?>
             <h3><?php echo $module->title; ?></h3>
        <?php endif; ?>
        <?php echo $module->content; ?>
        </div>
     </div>
    <?php
}

函数modChrome\u myModuleName（$module，&$params，&$attribs）
{
$doc=&JFactory:：getDocument（）；
$css=“.moduleOuter{your style}”；
$css.=“.moduleInner{your style}”；
$doc->addStyleDeclaration（$css）；
?>
这不是一个真正的答案，但这可能会有所帮助：设置
高度：100%
（在CSS中）只有在父元素也有高度时才起作用。即使将
高度：100%
设置为父元素，也会使子元素
高度：100%
起作用。这就是灯箱“阴影”对其高度的作用方式。
div.module-gallery, div.module, div.module_menu {
    width:291px;
    background:url(../images/module-bg.png) no-repeat 50% bottom;
}
div.module div div div, div.module_menu div div div {
    padding-right:15px;
    padding-left:15px;
    background:url(../images/module-bg-bottom.png) no-repeat 50% 100%;
    padding-bottom:15px;
    min-height:230px;
}
div.module div div div div, div.module_menu div div div div {
    background:none;
}

function modChrome_myModuleName($module, &$params, &$attribs)
{
    $doc =& JFactory::getDocument();
    $css  = ".moduleOuter { your style }";
    $css .= ".moduleInner{ your style }";

    $doc->addStyleDeclaration($css);

    ?>
    <div class="moduleOuter">
       <div class="moduleInner">
        <?php if ($module->showtitle != 0) : ?>
             <h3><?php echo $module->title; ?></h3>
        <?php endif; ?>
        <?php echo $module->content; ?>
        </div>
     </div>
    <?php
}

<jdoc:include type="modules" name="left" style="myModuleName" />