引導基於頁面已經在底部和頁腳空白空格的地段是不是正確顯示

Question

這裏是有問題的網頁：http://sdgsdgsdgsdg.atwebpages.com/

我基於這一關官方靜態導航欄例如：https://getbootstrap.com/examples/navbar-static-top/

而官方粘腳示例：http://getbootstrap.com/examples/sticky-footer/

我在頁面上有一個facebook頁面插件以及引導程序傳送帶。我刪除了所有這些代碼，看看問題是否會消失，但他們沒有。

我的問題是，在頁面的底部有很多空白，幾乎填滿了一半的頁面。

第二個問題是粘性頁腳不能正確顯示。它沒有顯示官方例子的銀色和大小。

任何幫助將不勝感激。

Answer 1

你已經包括https://getbootstrap.com/examples/navbar-static-top/navbar-static-top.css，其中包括以下內容：

body { 
    min-height: 2000px; 
} 

因此，你的網頁是2000個像素高，在底部創建大的白色空白區域。 （就像在本例中，順便說一句。）

至於頁腳，你鏈接到引用的例子查看源碼：http://getbootstrap.com/examples/sticky-footer/sticky-footer.css，其中包括該位：

.footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    /* Set the fixed height of the footer here */ 
    height: 60px; 
    background-color: #f5f5f5; 
} 

因爲我們還沒有包括那些規則，它們不適用於您的網站。

你真的需要熟悉瀏覽器的檢查員，特別是圍繞CSS檢查的部分。這種包含隨機代碼的方法不理解他們做什麼將不會長期工作。