使用CSS位置的頁腳之上的空白：固定

目前，我正在使用HTML和CSS創建頁腳的文本小工具。出於某種原因，在我網站的特定頁面上，頁腳上方有一個巨大的空白區域。隨着分辨率的提高，空間也會增加。主要可以看到從分辨率寬度1440x900開始。我確信它與我的頁腳有關，但我不確定究竟是什麼。使用CSS位置的頁腳之上的空白：固定

可以在這裏看到：http://museiam.ca/vault/

頁腳CSS：

.gbtr_dark_footer_wrapper .container_12 .grid_3 { 
    z-index:99999 !important; 
    background-color: #fff; 
    background:rgba(255,255,255); 
    background:rgba(255,255,255, 0.5); 
    position: fixed; 
    bottom: 0 !important; 
    left:0; 
    width: 100%; 
}

爲尋找謝謝！

來源

2014-12-06 John B.

我不太確定你會期望與'position：fixed; bottom：0'發生什麼事情 – andrew 2014-12-06 23:45:47

您的頁腳固定在窗口的底部由於

.gbtr_dark_footer_wrapper .container_12 .grid_3 { 
    position: fixed; 
    bottom: 0 !important; 
}

當你的分辨率的增加，內容將填補只在頁面的頂部，而頁腳會留在底部，留下中間有一個巨大的空白。

來源

2014-12-06 23:45:20 dqiu

那麼我該如何將頁腳固定在底部而不會導致這個問題呢？我不確定如何解決。如果我刪除了頁腳，或者它沒有固定在底部。謝謝。 – 2014-12-07 00:10:14

在頁面中添加更多內容，以填充空白區域。 – dqiu 2014-12-07 02:22:19

使用CSS位置的頁腳之上的空白：固定

回答

相關問題