jquery - 元素在 Joomla 的类别页面布局中重叠(由于容器高度属性)

Question

我正在使用 Joomla 3.2.1、K2 和 creativia 模板开发一个网站。我已经做了很多定制，一切正常。我只有一个，大问题。当我选择一个类别以包含元素列表时，它会导致图像重叠困惑(这意味着显示所有元素但布局不起作用)。如果我只是重新加载页面(或者甚至打开 Firebug 来检查页面属性)，一切都会正确地回到他的位置。

您可以在此处检查问题: http://www.nicolamontera.it/NewVersion

只需打开菜单项 Architettura 或 Grafica(有时会发生)。

编辑:通过进一步调查，我发现 container DIV 中的属性 height 在加载页面时会随机变化。如果我得到一个小值，那么一切都搞砸了。这似乎与评估该值(动态计算)的时间有关。

我该如何解决？

Answer 1

使用 clearfix 可以解决您遇到的这个问题。如果有效，请告诉我。

所以我使用了类“group”并将其作为一个 div 放在 HTML 中它正在折叠的地方。如果您在这些元素上有一个容器，那么将此类与容器放在一起就会出现问题。

.group:after{
    content: "";
    display: table;
    clear: both;
}