頁腳鏈接溢出

Question

我的頁腳中有一個圖像鏈接到我的博客。這個鏈接溢出到版權，我不知道爲什麼。

我從未將版權本身的鏈接添加到圖片中，但是由於某種原因，我將鼠標懸停在版權鏈接上的博客上。我無法解釋它，這從來沒有發生過我。

任何幫助，將不勝感激。

HTML

<footer> 
     <div class="footer"> 
      <div class="left"> 
        <img src="#" alt=""> 
       <h6>Title</h6> 
       <p></p> 
      </div> 
      <div class="middle"> 
       <p><a href="#"><img src="#" alt=""></p> 
      </div> 
      <div class="right"> 
       <p><a href="#"><img src="#" alt=""></p> 
      </div> 
     </div> 
    </footer> 

CSS

footer { 
    width: 100%; 
    background-color: #212119; 
} 

.footer { 
    margin: 0 auto; 
    width: 960px; 
    height: 350px; 
    margin-bottom: 10px; 
    color: #474741; 
} 

.footer .left { 
    margin-top: 20px; 
    margin-left: 10px; 
    float: left; 
    width: 33%; 
    text-align: left; 
} 

.footer .left img { 
    margin-top: 40px; 
    margin-left: 10px; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    float: left; 
    height: 110px; 
    width: 113px; 
} 

.footer .left h6 { 
    color: #474741; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    font-size: 18px; 
    font-weight: bold; 
    font-family: arial, sans-serif; 
} 

.footer .left p { 
    margin-top: 40px; 
    font-size: 14px; 
} 

.footer .left p:last-child { 
    margin-top: -15px; 
    font-family: arial, sans-serif; 
} 

.footer .middle { 
    text-align: center; 
    margin-top: 40px; 
    float: left; 
    width: 33%; 
} 

.footer .middle p { 
    margin-top: 0px; 
} 

.footer .right { 
    text-align: center; 
    float: right; 
    width: 33%; 
} 

.footer .right p { 
    margin-top: -152px; 
} 

.copyright { 
    clear: both; 
} 

.copyright p{ 
    margin: 0 auto; 
    width: 960px; 
    color: #e8ad4f; 
    font-size: 20px; 
    margin-bottom: 10px; 
    vertical-align: top; 
} 

Answer 1

您需要關閉a標籤...

<p><a href="#"><img src="#" alt=""></p> 

... ...變得

<p><a href="#"><img src="#" alt=""></a></p> 

否則以下所有內容都將包含在鏈接中。