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

Question

我是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;
}

但页脚还是重叠在手风琴上

Answer 1

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

Answer 2

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