http://jonathan-james.github.io/
上面是我最近推出的github / pages网站的链接。超级兴奋,因为这是朝着成为专业开发者的正确方向迈出的一大步。我的主页上有一个错误我需要帮助解决。
如果您转到该链接,您会看到当您将鼠标悬停在主页上的主要内容项上时,它们会“跳转”。这是因为在悬停时它们的边距设置为0,这会产生这种很酷的效果。
出于某种原因,当用户将鼠标悬停在页面上的第三个项目(技术支持)上时,页脚中的图标会对齐!我一直试图弄清楚这几个小时,坦率地说,我不太确定发生了什么。我真的可以用另一双眼睛来帮助我弄清楚这里发生了什么。
我很乐意链接页面代码,但它非常冗长所以我只会在请求时执行此操作,因为我认为大多数开发人员都会更愿意检查元素。
这是我在Stack Overflow上的第一篇文章,所以我很感激帮助,希望很快能收到回复!谢谢
答案 0 :(得分:0)
将overflow: auto;
添加到.wrap
在前端开发中祝你好运!
答案 1 :(得分:0)
将clear: both;
添加到您的页脚元素。
答案 2 :(得分:0)
虽然其他答案是正确的。您也可以添加
position: absolute;
width: 100%;
on footer
。