页脚链接溢出

时间:2013-02-15 18:48:31

标签: css overflow hyperlink

我的页脚中有一个图片链接到我的博客。这个链接溢出了版权,我不明白为什么。

我从未在图片中添加版权本身的链接,但出于某种原因,当我将鼠标悬停在版权上时,它会链接到博客。我无法解释它以前从未发生过这件事。

任何帮助都将不胜感激。

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;
}

1 个答案:

答案 0 :(得分:0)

您需要关闭a代码...

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

......变成......

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

否则后面的所有内容都将包含在链接中。