粘性頁腳與內部元素填充和邊距（瑞安Fait）

Question

我有一個問題，我不能包裹我的頭，可能是因爲我累了。我正在使用Ryan's Fait sticky footer，我相信你們大多數人都很熟悉。我經常使用它，從來沒有任何問題，直到現在。我正在設計的設計有一個有幾個內部子元素的頁腳。

其中一個元素.newsletter正在使用填充或邊距來製作較大的間隙，以便可以將背景圖像放置在身體上。即使輸入正確的高度，這也會導致溢出。刪除填充可以糾正問題。我知道使用overflow: hidden是一種選擇，但我寧願找出原因。沒有利潤或填充在新聞信件設置

屏：

帶空白或填充的消息信元中設置截圖不工作CSS：

body { 
    background: #212121; 
    color: #ddd; 
    padding: 0; 
    margin: 0; 
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
    font-weight: normal; 
    font-style: normal; 
    line-height: 1; 
    position: relative; 
    cursor: default; 
    height: 100%; 
} 

.maincontainer { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -424px; 
    width: 100%; 
} 

.mainfooter, .push { 
    height: 424px; 
    width: 100%; 
} 

.newsletter { 
    padding: 1.875rem 0 1.875rem; 
} 

.newsletter-fix { 
    background: #000; 
    padding: 3rem 0 1rem; 
    color: #ddd; 
} 

工作CSS：

簡單地改變從上面提到的那些以下下面的值可以解決問題，但我想在通訊之間的填充物，或保證金缺口。

.maincontainer { 
    margin: 0 auto -394px; 
} 

.mainfooter, .push { 
    height: 394px; 
} 

.newsletter { 
    padding: 0; 
} 

Answer 1

這似乎是我非常嘗試和愚蠢！我感謝大家花時間去看看，但它看起來像用戶錯誤一樣簡單。

問題是因爲我從顏色的第一位開始數，在這種情況下，background: #000在.newsletterfix上，而沒有考慮到它上面的不可見填充。愚蠢的我。

例子：

Answer 2

如果你把background-color : black您.mainfooter，而不是把背景顏色不同的元素頁腳裏面的是什麼？