フッター重複コンテンツ - HTMLとCSS

Question

私のhtmlコードでフッタは以前の内容が重複され、これはそれがブラウザでどのように見えるかです：

それはdiv要素内の画像の上に座っていますフッターセマンティックタグの直前。

footer { 
 
     position: relative; 
 
    } 
 
    
 
    #footerlinks { 
 
     text-align: center; 
 
    } 
 
    
 
    #footerlinks li { 
 
     list-style: none; 
 
     display: inline-block; 
 
    } 
 
    
 
    #footerlinks a { 
 
     text-decoration: none; 
 
     color: #8e8e8e; 
 
     font-family: 'Lato', sans-serif; 
 
    }

  <!-- Reviews --> 
 
     <section id="reviews"> 
 
     <h2>Reviews</h2> 
 
     <section class="visitor-review-1"> 
 
      <h3>Placeholder text</h3> 
 
     </section> 
 
     <section class="visitor-review-2"> 
 
      <h3>Placeholder text<h3> 
 
     </section> 
 
     </section> 
 

 
    </main> 
 

 
    <!-- Footer --> 
 
    <footer> 
 
     <nav id="footerlinks"> 
 
     <ul> 
 
      <li><a href="copyright.html">Copyright &#124;</a></li> 
 
      <li><a href="accessibility.html"> Accessibility &#124;</a></li> 
 
      <li><a href="subscribe.html"> Subscribe</a></li> 
 
     </ul> 
 
     </nav> 
 
    </footer>

Answer 1

ただ、最後に閉じ部門