Html 链接突然停止工作

我在这个网站上工作了一段时间，在短暂的休息之后，我回来发现页脚中的三个社交媒体链接已经停止工作。页面上的所有其他链接，包括页脚中的其他链接，仍按预期工作。我很困惑，因为据我所知，代码还没有被触动过，而且在中断之前它工作得很好

你知道会发生什么吗

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

您已经有了一些疯狂的元素浮动。我把

溢出：隐藏在
div class=“social”
上，它修复了链接，但破坏了布局

编辑
罪魁祸首似乎是
li
被向左浮动。因为你有
display:inline
，你可以取出
float:left
，使用相对定位来调整布局。
只需添加一个
位置：相对到你的
.social
班级。这对我来说是一个快速修复错误的方法

.social {
   position: relative;
}

你是否记录了get_template_directory_uri（）并查看图像是否确实存在？@cggaurav如果你在页面上看清楚它们是否存在。@cggaurav图像存在，它们出现在网站上，链接到另一个网站的实际操作不起作用。