javascript - 如何纠正页脚上重叠的 Accordion

Question

我是 jQuery 新手。我正在使用 Accordion 。当我点击 Accordion 时，它会重叠在页脚上。我怎样才能避免它

下面是页脚的代码-

<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>  

下面是 Accordion 如何与页脚重叠的图片。
我不希望它与页脚重叠，但是当可折叠菜单打开时，页脚应该向下移动到 Accordion 下方。下面是页脚的 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;
}

但页脚仍然重叠在 Accordion 上

Answer 1

您可以在页脚或包裹 Accordion 的 div 上尝试 CSS 代码 clear: both。