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

Question

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

score 1 · Accepted Answer

#insidediv 有一个height属性集。如果你删除它，你会得到你想要的行为。

编辑

看来您是height通过 javascript 设置属性以便为 div 设置动画height。

在这种情况下，动画完成后，您可以将设置height为auto，因此#insidediv 将尊重其子级height并正确扩展。

$pageWrap.animate({
    高度：baseHeight + $mainContent.height() + "px"
}, {
    完成：函数（）{
        $(this).css('height', 'auto');
    }
});

score 0 · Accepted Answer

您的一个 div 上有一个手动样式：

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

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

2 回答 2