我的页脚中有一个图片链接到我的博客。这个链接溢出了版权,我不明白为什么。
我从未在图片中添加版权本身的链接,但出于某种原因,当我将鼠标悬停在版权上时,它会链接到博客。我无法解释它以前从未发生过这件事。
任何帮助都将不胜感激。
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;
}
答案 0 :(得分:0)
您需要关闭a
代码...
<p><a href="#"><img src="#" alt=""></p>
......变成......
<p><a href="#"><img src="#" alt=""></a></p>
否则后面的所有内容都将包含在链接中。