javascript - 扩展列表不移动容器/页脚

Question

我有一个网站，你可以找到here ，当扩展其中一个列表项时，我无法弄清楚为什么页面的整个高度没有被修改(页脚不会随着列表扩展而移动)。有任何想法吗？提前致谢

Answer 1

#inside div 有一个height 属性集。如果删除它，您将获得所需的行为。

编辑

看来您正在通过 javascript 设置 height 属性，以便为 div 的 height 设置动画。

在这种情况下，在动画完成后，您可以将height 设置为auto，这样#inside div 将尊重其子元素的高度高度并正确展开。

$pageWrap.animate({    height: baseHeight + $mainContent.height() + "px"}, {    complete: function(){        $(this).css('height', 'auto');    }});