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

时间:2016-03-23 03:28:17

标签: html css

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

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

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

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

我很乐意链接页面代码,但它非常冗长所以我只会在请求时执行此操作,因为我认为大多数开发人员都会更愿意检查元素。

这是我在Stack Overflow上的第一篇文章,所以我很感激帮助,希望很快能收到回复!谢谢

3 个答案:

答案 0 :(得分:0)

overflow: auto;添加到.wrap 在前端开发中祝你好运!

答案 1 :(得分:0)

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

答案 2 :(得分:0)

虽然其他答案是正确的。您也可以添加

position: absolute;
width: 100%;

on footer