擴展列表不移動容器/頁腳

Question

我有一個網站，您可以在這里找到，當擴展其中一個列表項時，我無法弄清楚為什么頁面的整個高度都沒有被修改（頁腳不會隨着列表擴展而移動）。 有任何想法嗎？ 提前致謝

Answer 1

#inside div設置了height屬性。 如果刪除它，您將獲得所需的行為。

編輯

看來您是通過javascript設置height屬性，以便為div的height設置動畫。

在這種情況下，動畫制作完成后，可以將height設置為auto ，因此#inside div將尊重其子代的height並正確展開。

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

Answer 2

您的一個div上具有手動樣式：

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

刪除/禁用它，您的頁面容器將相應地調整大小：)