Javascript 引导式手风琴下拉菜单位于页脚后面

所以，我的问题是，当我展开我的引导手风琴时，它不会向下推脚。相反，它只是在页脚后面展开

我的页脚不是固定的，它有相对位置

这是我的页脚代码

  <div class="bottombg">
    <footer class="footer">

  <div class="col-sm-1"> </div>
  <div class="col-sm-2">
    <div class="small_space"></div>
      <div class="">    
          <img src="images/logo.png" alt="..">  
      </div>
  </div>

  <div class="col-sm-2">
    <div class="small_space"></div>
    <p> Leceister | UK | England </p> 
    <p> &copy; 2014 the Regents of University of Leceister <br>
        University Road <br> Leicester <br>
        LE1 7RH <br> United Kingdom <br>
    </p>            
  </div>
  <div class="col-sm-2">
    <h3> Site Visitors </h3>
    <p> <a>Academic Departments</a> <br>
        <a>Accessibility <br> <a>Help</a> <br>
        <a>Job Opportunities <br> <a>Legal</a> <br> <a>Privacy &amp; Cookies</a> 
    </p>            
  </div>

  <div class="col-sm-2">
    <h3>  Staff &amp; Students  </h3>
    <p> <a>Blackboard</a> <br>
        <a>Current Students <br> <a> Remote Access</a> <br>
            <a> Staff</a> <br> 
    </p>            
  </div>

  <div class="col-sm-2">
    <h3> Social Media  </h3>
    <img src="images/icons/With%20Border/facebook-variation.png">
    <img src="images/icons/With%20Border/twitter-variation.png">
    <img src="images/icons/With%20Border/rss-variation.png">  
    <img src="images/icons/With%20Border/youtube-variation.png"> 
  </div>

</footer>     

我也找到了这个帖子，但是运气不好

这里有一些屏幕截图来帮助解释我的问题是什么。

---

除非您提供所有代码（可能是页面链接），否则很难看出问题的症结所在。。。尝试为页脚或显示：块使用溢出：隐藏。 我还想尝试的另一件事是添加clear：对于页脚，两者都可以（不像它100%肯定能工作）。通常，当您有固定位置的元素（绝对、固定的e.t.c）时，会出现此问题

清除：两者都将清除浮动，所以我认为你不需要它。 Display:block-将使元素的行为类似于block（全宽，在同一行上前后没有元素）-同样，可能不是最好的

---

下拉列表：如果将其设置为“位置：相对”，并将z索引加得比页脚的更大，则它将与页脚重叠。然后你还可以设置背景：白色，这样文本就不会重叠。

在.footer上加一个清晰的：两者都有。我试过了，没用=/我猜下拉列表有绝对位置？在这种情况下，如果你只需要增加z指数

.footer {
  position: relative;
  height: 130px;
  padding-top:20px;
}