頁面底部的差距

我幾乎完成了爲論壇設計皮膚的工作，而且自從我開始以來，我在頁面底部留下了一個空白。我發現了一些類似的問題，並嘗試了所有的建議，但我似乎無法找到我的論壇網頁底部的差距的原因。頁面底部的差距

我檢查了我所有的邊距和填充，它們無一不精，而且問題似乎出現在所有的瀏覽器。

2012-02-21 Adam

，而不是固定'浸軋top'給固定頁腳*高* - 例如設置高度爲150px整理東西在這裏。 – 2012-02-21 14:02:22

設置你的

body {overflow:hidden}

來源

2012-02-21 13:56:21 bassplayer7

完美，謝謝！ – Adam 2012-02-21 14:05:17

這是一個非常糟糕的黑客攻擊。它可以移除兩個滑塊，水平和垂直。那麼你最終會遇到一個「死網頁」。亞當將不得不修復他的HTML/CSS，以避免差距（S）... – 2017-03-26 06:14:53

對於Firefox，請使用Google Chrome Inspector或Firebug。

這是一個簡單的CSS問題，您右鍵點擊INSPECT ELEMENT，它會顯示該元素上的所有CSS屬性。

關於Chrome檢查（例如）
http://www.threetipsaday.com/2008/12/debug-inspect-google-chrome-inspector/

enter image description here

UPDATE

它看起來像問題是填充，以我對你的頁腳：

.footer { 
    background: url("images/simplexity/backgrounds/background.png") repeat scroll 0 0 #33559B; 
    border: 0 none; 
    clear: both; 
    display: block; 
    font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif; 
    margin-top: -80px; 
    padding: 115px 0 3px; 
}

來源

2012-02-21 13:52:14 Jakub

我試過了，但它似乎是由其他東西引起的，因爲當我檢查它時，它顯示的頁腳沒有填充或邊距超出了頁腳背景圖像的位置。 – Adam 2012-02-21 13:54:41

更新了答案，其頁腳，只需右鍵點擊**檢查** – Jakub 2012-02-21 13:58:06

該差距是由您的body-wrapper div中的邊距引起的。

margin: -85px auto -60px auto'-60px'是罪魁禍首（底部邊距）。減少或增加它來改變你的差距。

enter image description here

電流：

.body_wrapper { 
padding: 0px; 
background: transparent none ; 
/*-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;*/ 
width: 960px; 
margin: -85px auto -60px auto; 
}

減小的間隙：

.body_wrapper { 
padding: 0px; 
background: transparent none ; 
/*-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;*/ 
width: 960px; 
margin: -85px auto -134px auto; // CHANGE IS HERE 
}

看到了嗎？減差距:)（下邊距：-134px）

來源

2012-02-21 13:52:33 Alex

頁面底部的差距

回答

相關問題