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

Question

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

Answer 1

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

修改

您似乎是通过javascript设置height属性，以便为div height设置动画。

在这种情况下，动画制作完成后，您可以将height设置为auto，这样#inside div就会尊重其子height并正确展开。< / p>

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

Answer 2

你的一个div有一个手动风格：

<div id="inside" style="height: 367px;">

删除/禁用它，您的页面容器会相应调整大小：）