頁面底部的空白處

底部有一個空白處。我查了一下，在我的CSS中沒有提到最低高度。

我懷疑它的身體CSS細節如下;

body { 
    line-height: 1.5; 
    font-size: 87.5%; 
    word-wrap: break-word; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    background: none repeat scroll 0 0 #EFEFEF; 
} 


html, body, #page { 
    height: 100%; 
}

來源

2013-04-21 Vishal Khialani

Chrome中沒有「空白處」。 – Scott 2013-04-21 17:35:36

我在頁面底部看不到任何多餘的空間。我在OpenSuse 12.3中運行Firefox 20，並禁用了JavaScript。以防萬一，幫助任何。 – Bobulous 2013-04-21 17:35:44

你可以寫一個html代碼的例子或寫在jsfiddle的例子嗎？我嘗試你的CSS代碼，我沒有任何問題...！ – 2013-04-21 17:40:25

這樣取出流血，我在Safari 6.0.3;

#footer-wrapper { 
    margin-top: 40px; 
    background: url("../images/footer.png") repeat-x scroll 0 0; 
    overflow: hidden; 
}

您可能想要根據其中的內容以不同的方式處理該溢出。但是這應該解決這個空白。

我想通過從DOM自下而上刪除節點來解決這個問題。它必須在#footer-wrapper。由於邊緣底部不起作用，而且您使用的是相對定位，我認爲這是一些陰影造型出血的元素。

更新（更好的修復）

剛剛發現真正的問題的問題;

.clearfix::after { 
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

變化content: ".";到content: "";和它的固定。或者完全刪除該風格，因爲在這種情況下它似乎沒有用處。

來源

2013-04-21 17:45:30

Allendar謝謝:) – 2013-04-21 17:57:39

我有一個類似的問題，但只是加上'overflow：hidden;'爲我修復了，thx – Tom 2015-11-26 03:06:19

margin-bottom: 0px;

這將做到這一點順便說一句..nice網站花花公子:)

來源

2013-04-21 17:39:06

'<體類=「HTML前不可─登錄的單邊欄邊欄第一頁面節點「style =」margin-bottom：0px;「>在Dev Tools中沒有改變頁邊距。我甚至在'html'和'body'上都試過，沒有結果。 – 2013-04-21 17:42:19

有時，它是由創建此空白空間的第三方服務創建的一些iframe /對象。就我而言，Google Adwords和Google Analytics正在創造這一點。所以，我通過添加這個CSS刪除：

object[type="application/gas-events-cef"], 
iframe[name="google_conversion_frame"] { 
    display: none !important; 
    height: 0 !important; 
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important; 
    margin-top: -13px; 
    float: left; 
}

也許你需要爲你的情況添加一些額外的規則。希望有所幫助。

來源

2015-06-11 12:56:09

我來晚的演出在這裏，但它可以幫助我的人的情況下我在上面的空白處，我添加了的margin-top = -20px現在空空間的底部，幾乎嘗試了所有的建議，我在這些和許多線程上找到並沒有什麼。決定通過一些HTML驗證器運行它，有幾個都沒有拿起，但在一對夫婦在標籤的末尾找到了一個額外的字符（`），就是這樣，所以這是用戶笨拙，拿着那個東西現在我的網頁被轉移了，消極的利潤率和所有的好處。所以請嘗試一個驗證器並尋找這樣的東西。

來源

2016-09-15 23:31:08 becker

頁面底部的空白處

回答

相關問題