html - 为什么当我将鼠标悬停在主页上的第三张图片上时，页脚中的图标会移动？

Question

http://jonathan-james.github.io/

上面是我最近启动的 github/pages 网站的链接。 super 兴奋，因为这是朝着成为专业开发人员的正确方向迈出的一大步。我的主页上有一个错误，需要帮助解决。

如果您转到该链接，您会看到当您将鼠标悬停在主页上的主要内容项上时，它们会“跳转”。这是因为在悬停时它们的边距设置为 0，这使得这种很酷的效果发生了。

出于某种原因，当用户将鼠标悬停在页面上的第三项(技术支持)上时，页脚中的图标会右对齐!几个小时以来，我一直在努力解决这个问题，坦率地说，我不太确定发生了什么。我真的可以用另一双眼睛来帮助我弄清楚这里发生了什么。

我很乐意链接页面代码，但它相当冗长，所以我只会在需要时才这样做，因为我认为大多数开发人员无论如何都宁愿检查元素。

这是我在 Stack Overflow 上发表的第一篇文章，非常感谢您的帮助，并希望尽快收到回复!谢谢

Answer 1

将 clear: both; 添加到您的页脚元素。