我的頁腳下邊緣是從哪裏來的？

在大多數瀏覽器中，我的頁腳下方有空白。不過在Chrome中。請參閱enter link description here 我的頁腳下邊緣是從哪裏來的？

body和我的頁面包裝器都有margin: 0。包裝也是height: 100%。

這裏的頁腳代碼：

#colophon { clear: both; display: table; width: 960px; max-width: 960px; background: #131313; border-top: 3px solid #0099cc; border-collapse: collapse; }

添加margin: 0有沒有幫助。無論如何不應該是必要的。我錯過了什麼？

來源

2012-01-10 Nick

對我來說Firefox和Chrome都是一樣的。 – 2012-01-10 15:10:17

如果你還沒有。使用Firebug或其他Web檢查器。你會在一分鐘內找到這個。 – 2012-01-10 15:13:31

您的wordpress統計信息跟蹤圖像設置爲visibility: hidden，並且跟隨您的身體標記。它是這個圖像，創建您的額外的頁腳間距，你可以通過像這樣改變圖像看到img#wpstats { display: none; }（不要讓它是這樣 - 見下文）

我會移動你的主頁腳內的圖像（即＃colophon）某處它不會導致問題。或者，您可以將其設置爲position: absolute以完全將其從流中移除。您無法將其設置爲display: none，因爲瀏覽器需要加載圖像以便跟蹤工作。

來源

2012-01-10 15:15:41

在你的代碼的底部，我發現這個

<img alt="" src="http://stats.wordpress.com/g.gif?host=atlanticsentinel.com&amp;rand=0.059020346471435614&amp;blog=28342037&amp;v=ext&amp;post=0&amp;ref=" id="wpstats">

如果你刪除它的工作原理。你應該做的是將display: none添加到CSS中的圖像。我看到您已添加visibility: hidden。當你這樣做時，它隱藏了圖像，但圖像仍然佔用了DOM的空間。

來源

2012-01-10 15:11:07 Filip

+1不錯的地方... – 2012-01-10 15:13:03

就是這樣！我還沒有想過這件事。謝謝。菲利普！ – Nick 2012-01-10 18:34:25

的問題是由您的最新圖像img#wpstats造成的，因爲它的visibility屬性是隱藏

如果設置display: none到的圖像（或使其絕對定位的調整負頂部或左側屬性）你解決問題

來源

2012-01-10 15:12:11 fcalderan

我的頁腳下邊緣是從哪裏來的？

回答

相關問題