bootstrap手風琴下拉頁腳

所以我的問題是當我擴展我的bootstrap手風琴時，它沒有按下頁腳。相反，它只是擴展在頁腳後面。bootstrap手風琴下拉頁腳

我的頁腳不固定，它有位置相對。

這裏是我的頁腳代碼。

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

這是我爲我的頁腳

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

我還發現這個帖子的CSS，但沒有運氣How to correct overlapping accordion on footer

下面是屏幕截圖，以幫助解釋一下我的問題是。 http://i.imgur.com/nq00AdI.png

http://i.imgur.com/DMZ80nf.png

來源

2014-11-25 Changerrs

說清楚：都在.footer上。 – Christina 2014-11-25 03:07:11

我試過了，沒有工作=/ – Changerrs 2014-11-25 03:32:53

我猜下拉有絕對定位？在這種情況下，如果這是您所需要的，請增加z-index – 2014-11-25 04:02:56

其相當難以看到的問題是什麼在這裏，除非eaxactly你給所有的代碼（鏈接的網頁可能）......使用溢出嘗試：隱藏頁腳或顯示：塊。另一件我也會嘗試添加明確：對於頁腳（不像它的100％肯定工作）。通常這個問題出現在你有蠻定位的元素時（絕對的，固定的e.t.c）。

清除：兩者 - 將清除浮游物，所以你不需要它，我想。顯示：塊 - 將使元素表現得像塊（去全角和前後沒有元素在同一行） - 再次，也許不是最好的

下拉：如果你把它的位置是：相對的，添加z-index越大，頁腳的重疊就越大。然後，您還可以設置背景：白色，以便文字不重疊。

來源

2014-11-25 05:52:35

bootstrap手風琴下拉頁腳

回答

相關問題