展开手风琴时的JQueryUi手风琴重叠页脚

我有一个JQueryUI手风琴，当手风琴展开时，它在我的页脚下方。这是我的屏幕截图。

通常，页脚位于页面底部，但当手风琴展开时，页脚位于页脚线下方

这是页脚代码

 <div id="divfooter">
        <div id="containerfooter">
            <div id="divfooter1" class="floatleft textleft">
                <h5 class="textwhite">Need Help ?</h5>
                <a href="http://support.somewhere.com/" target="_blank" class="textgrey">Browse the Knowledge Base</a>
                <br />
                <a href="http://users.com/downloads/Support/QuickSupport.exe" target="_blank" class="textgrey">Remote Support</a>
            </div>
            <div id="divfooter2" class="floatleft textleft">
                <h5 class="textwhite">Phone COUNTRY COUNTRY PHONE</h5>
                <a href="mailto:Please help me with the following problem:" class="textgrey">Email Support</a>
                <br />
                <a href="../Home/Contact" class="textgrey">Contact</a>
            </div>
            <div id="divfooter3" class="floatleft textleft">
                <h5 class="textwhite">Licensing and Terms</h5>
                <a href="../Home/SubscriptionDetails" class="textgrey">Your Subscription details</a>
                <br />
                <a href="../Home/Terms" class="textgrey">Terms and Conditions</a>
            </div>
            <div id="divfooter4" class="floatleft textcenter textwhite">
                <h6>Copyright © 1998 -
                <script type="text/javascript">var d = new Date(); document.write(d.getFullYear()); </script>
                    . 
                    All Rights Reserved.</h6>
            </div>
        </div>
    </div>    

这是手风琴的剧本

<script type="text/javascript">
$(function () {
    $("#accordion,#accordion1, #accordion2, #accordion3 ").accordion({ collapsible: true, active: 0 });//active 0 makes the first div default to open


    // Hover states on the static widgets
    $("#dialog-link, #icons li").hover(
        function () {
            $(this).addClass("ui-state-hover");
        },
        function () {
            $(this).removeClass("ui-state-hover");
        }
    );
});
$(function () {
$("#subAccordion").accordion({ collapsible: true, active: false }); 


// Hover states on the static widgets
$("#dialog-link, #icons li").hover(
        function () {
            $(this).addClass("ui-state-hover");
        },
        function () {
            $(this).removeClass("ui-state-hover");
        }
    );
});
</script>

$（函数（）{
$（“#accordion，#accordion 1，#accordion 2，#accordion 3”）。accordion（{可折叠：true，活动：0}）//活动0使第一个div默认打开
//静态小部件上的悬停状态
$（“#对话框链接，#图标li”）。悬停(
函数（）{
$（this.addClass（“ui状态悬停”）；
},
函数（）{
$（this.removeClass（“ui状态悬停”）；
}
);
});
$（函数（）{
$（“#子坐标”）。手风琴（{可折叠：真，活动：假}）；
//静态小部件上的悬停状态
$（“#对话框链接，#图标li”）。悬停(
函数（）{
$（this.addClass（“ui状态悬停”）；
},
函数（）{
$（this.removeClass（“ui状态悬停”）；
}
);
});

---

我的手风琴有4个，最后一个有副手风琴。在其他页面的页脚是罚款。如果有超过屏幕高度的内容，页面将简单地向下推页脚。我怎样才能让它在手风琴页面上实现这一点呢？

你能发布手风琴的代码吗？嗨@apaul34208，手风琴的代码与这里的代码相同，我不会发布，因为它们是巨大的，js看起来是这样的：

$（函数（）{$（“#手风琴”）.accordion（）}）？我把它贴在了主要部分。我想你是在要求jquery-1.9.0.js为什么不删除position:absolute；从页脚开始？
<script type="text/javascript">
$(function () {
    $("#accordion,#accordion1, #accordion2, #accordion3 ").accordion({ collapsible: true, active: 0 });//active 0 makes the first div default to open


    // Hover states on the static widgets
    $("#dialog-link, #icons li").hover(
        function () {
            $(this).addClass("ui-state-hover");
        },
        function () {
            $(this).removeClass("ui-state-hover");
        }
    );
});
$(function () {
$("#subAccordion").accordion({ collapsible: true, active: false }); 


// Hover states on the static widgets
$("#dialog-link, #icons li").hover(
        function () {
            $(this).addClass("ui-state-hover");
        },
        function () {
            $(this).removeClass("ui-state-hover");
        }
    );
});
</script>