CSS響應頁腳

該網站的大部分顯示在所有瀏覽器中，包括移動頁腳除外。CSS響應頁腳

在1600X900尺寸下，頁腳完美顯示。在分辨率高度低於900的網站上，頁腳消失。我已經嘗試了所有我能想到的將頁腳「捕捉」到屏幕底部的東西，並且清楚地脫離了我的專業領域。使用具有相似/相同結果的最新Chrome和Firefox進行測試（這很好，我猜，LOL）。

如何讓底部的黑色元素捕捉到頁面的底部？

URL網站：http://bit.ly/1ro8FtA

截圖在不同的維度：http://bit.ly/1uLGgNX

來源

2014-09-26 Rocco The Taco

有關添加一些代碼是什麼？ PS：用「查看頁面源代碼」來查看它很酷，但總有一天您的網站可能會消失，然後可能與您遇到同樣問題的用戶將無法找到有用的信息。 – MisterJ 2014-09-26 10:38:53

您的頁腳在我的電腦上工作良好。你確定你沒有任何緩存問題？ – 2014-09-26 10:39:39

我同意@KevinLabécot它的確如此 – Benjamin 2014-09-26 10:39:58

如果我理解正確的話（如果你只是想將你的頁腳，而不是所有的黑色區域），試着改變你的CSS：

.agentpress-pro-black .site-footer { 
    background-color: #000000; 
    font-size: 16px; 
    padding: 40px 0; 
    text-align: center; 
}

這樣：

.agentpress-pro-black .site-footer { 
    background-color: #000000;  
    font-size: 16px; 
    padding: 40px 0; 
    text-align: center; 
    width: 100%; /*new*/ 
    bottom: 0; /*new*/ 
    position: fixed; /*new*/ 
}

注意

如果你希望所有的黑色區域，那麼你應該改變你的HTML和移動所有的黑色區域，以便有一個定位容器固定

來源

2014-09-26 10:49:37 dippas

我不認爲這個代碼會訣竅。 – Benjamin 2014-09-26 10:51:41

@Benjamin我不確定OP是否只需要Footer，如果是這樣的話，這段代碼可以工作，但是如果OP想要所有的BLACK區域，那麼OP有2個div來定位。 – dippas 2014-09-26 10:55:07

我希望他能把他們全部包裝在一個單獨的容器中，並且定位將解決OP的問題。 – Benjamin 2014-09-26 10:57:07

回答

相關問題