修改

Question

我已经在这个网站上工作了一段时间，经过短暂的中断后，发现页脚中的三个社交媒体链接已停止工作。页面上的所有其他链接（包括页脚中的其他链接）仍可按预期工作。我很困惑，因为代码没有被触及（据我所知）并且它在中断之前完美地工作。

任何想法可能会发生什么？

<div class="social">
        <ul>
            <li><a href="https://twitter.com/ZOPArealty"><img src="<?php echo get_template_directory_uri(); ?>/img/twitter.png" alt="ZOPA%20Twitter" /></a></li>
            <li><a href="http://www.facebook.com/ZopaRealty"><img src="<?php echo get_template_directory_uri(); ?>/img/facebook.png" alt="ZOPA%20Facebook" /></a></li>
            <li><a href="http://www.linkedin.com/company/zopa-realty"><img src="<?php echo get_template_directory_uri(); ?>/img/linkedin.png" alt="ZOPA%20Linkedin" /></a></li>
        </ul>
    </div><!-- end social -->

Answer 1

只需在position: relative;课程中添加.social即可。这对我来说是一个快速的错误修正。

.social {
   position: relative;
}

Answer 2

你有一些疯狂的浮动元素在继续。我将overflow: hidden;放在div class="social"上，这会修复链接，但会破坏您的布局。

修改

罪魁祸首似乎是li向左浮动。由于您有display: inline，因此您可以取出float: left并使用相对定位来修复布局。

链接突然停止工作

2 个答案:

修改