2012-12-19 151 views
5

我的內容與我的頁腳重疊(粘滯)。但它應該有一個正常的填充頂部。我如何使用CakePHP(不相關)和Twitter Bootstrap。 在某些頁面上可以正常工作,而在其他頁面上則可以。我怎樣才能解決這個問題?Twitter-Bootstrap:內容重疊粘頁腳

CSS

body { 
    padding-top: 60px; 
} 
.sidebar-nav { 
    padding: 9px 0; 
} 

html, body { 
    height: 100%; 
} 
footer { 
    padding: 17px 0 18px 0; 
    border-top: 1px solid #000; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -63px; 
} 
.push { 
    height: 63px; 
} 

HTML

<div class="container-fluid wrapper"> 
    <div class="row-fluid"> 
     <div class="span11"> 
      //content 
     </div> 
    </div> 
</div> 

<footer class="footer">   
    <div class="container-fluid"> 
     <div class="row-fluid"> 
      <div class="span8"> 
      </div> 
      <div class="span4"> 
       <div class="footer-links pull-right> 
        //content 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="footer-floor"> 
     <div class="container-fluid"> 
       //content 
     </div> 
    </div> 
</footer> 

回答

4

爲了粘頁腳工作,你必須設置兩個.push.footer高度。嘗試將63px高度添加到您的頁腳。

.push, footer { 
height: 63px; 
} 
0

讓你的頁腳以某種方式在z欄上索引z-index。