頁面底部的奇怪填充

我在網站上遇到了一些填充/邊距問題。這是我爲客戶構建的WP網站 - 不是我的原始代碼。我正在使用兒童主題來自定義樣式。頁面底部的奇怪填充

我的臨時網站是這裏http://7a9.007.myftpupload.com/

如果您滾動到頁面底部還有就是藍綠色部分和灰/藍尾之間的白邊。此外，在頁腳上存在過多的頂部填充（例如：http://7a9.007.myftpupload.com/services/）

我希望刪除頁腳區域上的白色邊距和額外頂部填充，但在chrome開發人員模式下顯示時顯示沒有任何目標。我錯過了什麼？

2017-05-03 Kristin P

請在此處添加有意義的代碼和問題描述。請不要鏈接到需要修復的網站 - 否則，一旦問題得到解決，或者您鏈接到的網站無法訪問，此問題將對未來的訪問者失去任何價值。發佈 [最小，完整和可驗證示例（MCVE）]（http://stackoverflow.com/help/mcve）顯示您的問題將幫助您獲得更好的答案。欲瞭解更多信息，請參閱 [我網站上的某些內容不起作用。我可以直接粘貼一個鏈接嗎？]（https://meta.stackexchange.com/questions/125997/）謝謝！ – j08691

刪除所有不必要的清理DIV，差距將消失。當前一個標記浮動時，您只需要清除DIV。如果不是這樣，請不要使用它。此外，有更好的方法來清除浮動內容比外部標記，使用[** clearfix類**]（http://nicolas.google.com/micro-clearfix-hack/）。 @Win在他們的回答中指出，你還在用'position：relative;'來做很多不必要的事情 - 「推」「。 – hungerstar

感謝您的評論。然而，我沒有對網站進行編碼。我只是在別人的主題中使用Visual Composer，所以我只是試圖解決這個問題。 –

刪除以下內容：margin-bottom：-89px;和頂部：-149px;它在下面註釋掉，但應該給你一個想法在哪裏看。

的style.css

.home #main-content.trans-header, .page #main-content.trans-header { 
    /* margin-bottom: -89px; */ 
}

layout.css中

.home #main-content.trans-header, .page #main-content.trans-header, #archive #main-content.trans-header { 
    position: relative; 
    /* top: -149px; */ 
} 

#header-wrap { 
    position: absolute; 
    background: #29333d; 
    width: 100%; 
}

來源

2017-05-03 15:24:24 Win

這似乎可以解決頁腳問題，但如果我刪除了第二個代碼，它會弄亂我的頁面標題。由於它是透明的，它將標題放在標題圖片上方，而不是重疊它，看起來很奇怪。 –

檢查更新的答案 – Win

爲了減少白色空間的兩個頁面，拉動頁腳使用了負上邊距是這樣的：

#footer-widgets { 
    margin-top: -100px; 
}

然後修復藍色tweets div和頁腳之間的空白位（http://7a9.007.myftpupload.com/）頁面左側使用上面的代碼：

.vc_custom_1492563370829 { 
    margin-bottom: -50px !important; /*add this*/ 
    border-bottom-width: 0px !important; 
    background-color: #1c89ab !important; 
}

來源

2017-05-03 16:00:25 Sudipto

頁面底部的奇怪填充

回答

相關問題