フッタ隠蔽コンテンツ

Question

私はうまく動作しているようだが、ページを下にスクロールするとコンテンツがカバーされるという問題があります。誰か提案はありますか？前もって感謝します。

HTML：

<div class="footer" id="footer">My footer</div> 

はCSS：

#footer { 

    border: 1px groove #aaaaaa; 
    background: #333333; 
    color: white; 
    padding: 0; 
    text-align: center; 
    vertical-align: middle; 
    line-height: normal; 
    margin: 0; 
    position: fixed; 
    bottom: 0px; 
    width: 100%; 
    height:40px; 

} 

Answer 1

try本体padding-bottom:40px;

body{ 
    padding-bottom:40px; 
}