私のフッタはいくつかのページに貼り付いています

Question

私はPHPでWebアプリケーションを構築しています。私は粘着性のフッタを含めることができます。 include 'footer.php';を使用し、1ページを除くすべてのページで完璧に動作します。このページでは、ページの中央にコンテンツが付いています。 bottom: 0を削除すると、このページで修正されますが、他のページではうんざりです。

CSS

#footer { 
    background: #f7f7f7; 
    position: absolute; 
    border-top: 1px solid #dedede; 
    height: 70px; 
    width: 100%; 
    bottom: 0; 
    left: 0; 
    overflow: hidden; 
} 

#footer li{ 
    padding-right: 20px; 
    display: inline; 
} 

HTML

<!--Footer--> 
<div id="footer"> 
    <span class="copyright">&copy; 2016 Gym</span> 
    <ul class="social"> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Terms</a></li> 
     <li><a href="#">Privacy</a></li> 
     <li><a href="#">Contact</a></li> 
     <li><a href="#">Blog</a></li> 
    </ul> 
    <div style="clear: both"></div> 
</div> 

Answer 1

私はあなたがparentが相対フッターをレンダリングすると思います。

position:fixedをすべてのページのスティッキーボトムに使用することもできます。