如何纠正页脚重叠手风琴 [英] How to correct overlapping accordion on footer

问题描述

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

以下是页脚的代码 -

 <页脚> 
< div class =row footer_class> 
< div class =container> 
< div class =col-lg-8 font_color>版权&＃169; 2013< / DIV> 
< div class =col-lg-2 pull-right font_color>由测试< / div> 
< / div> 
< / div> 
< / footer> 
  

以下是手风琴如何与页脚重叠的图片。

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

  .row_color {
 border：2px solid＃A40F17; 
 margin：0px; 
} 
 .footer_class {
 background-color：＃A40F17; 
 height：40px; 
颜色：#fff; 
 font-family：Helvetica Neue，Helvetica，Arial，sans-serif; 
职位：亲属; 
} 
  

但是，页脚仍与手风琴重叠

解决方案

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

I'm new to jQuery. I'm using Accordion. When I click on the accordion it overlaps on the footer. How can I avoid it

Below is the code for the footer -

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

Below is the picture of how accordion overlaps the footer.
I don't want it to overlap the footer but the footer should move down below the accordion when the collapsible menu is opened. Below is the CSS for the footer -

.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;
}

But still the footer overlaps over accordion

解决方案

You could try the CSS code clear: both either on the footer or the div that wraps your accordion.

这篇关于如何纠正页脚重叠手风琴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！