如何纠正页脚上的重叠手风琴答案

【问题标题】：How to correct overlapping accordion on footer如何纠正页脚上的重叠手风琴
【发布时间】：2014-03-15 19:22:08
【问题描述】：

我是 jQuery 新手。我正在使用手风琴。当我单击手风琴时，它会重叠在页脚上。我该如何避免它

下面是页脚的代码 -

<footer>
    <div class="row footer_class">
        <div class="container">
            <div class="col-lg-8 font_color">Copyright &#169; 2013</div>
            <div class="col-lg-2  pull-right font_color">Powered by Test</div>
        </div>
    </div>
</footer>

下面是手风琴与页脚重叠的图片。
我不希望它与页脚重叠，但是当打开可折叠菜单时，页脚应该向下移动到手风琴下方。下面是页脚的 CSS -

.row_color{
border:2px solid #A40F17;
margin:0px;
}
.footer_class{
background-color:#A40F17;
height:40px;
color:#fff;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position : relative;
}

但页脚仍然与手风琴重叠

【问题讨论】：

我认为这是一个重复的问题：stackoverflow.com/q/22424405/1328014
@JoeySalacHipolito 我无法删除它，而且我没有在其中包含 css

标签： javascript jquery html css accordion

【解决方案1】：

您可以在页脚或包装手风琴的 div 上尝试 CSS 代码 clear: both。

【讨论】：

没有变化。还是一样
将display: block; 添加到页脚和包裹手风琴的div 怎么样？
也许您在包裹手风琴的 div 内设置了任何浮动位置。这会使浮动对象溢出 div（当其中的浮动对象移动或增长时，div 不会扩展）。没有更多代码，我想我不能再提供帮助了。

【解决方案2】：

对这个关于 stackoverflow 的问题缺乏答案感到惊讶。任何发现自己处于类似情况或有更好解决方案的人，请在此处查看答案Collapsible javascript element overlapping footer (not accordion)

【讨论】：