页脚没有停留在Firefox的底部

时间:2017-01-24 19:38:50

标签: html css

所以我的页脚位于底部但未修复,但它仅在Firefox中不起作用。



NavigationProperty

.Links {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #E48A4B;
  text-align: center;
  text-decoration: none;
}




现在它可以工作,如果我在CSS中将绝对值更改为固定,但这使得它始终在页面上,这不是我想要的。它适用于我测试过的除FireFox之外的所有其他浏览器。

此外,我已经尝试过使用我能找到的唯一解决方案,明确:两者; ,但这也无效。

编辑:我糟糕的措辞令人困惑。

在chrome上转到maxjordan.net看看你自己,但我希望它看起来像这样

https://gyazo.com/b81099b69c43367769a46b321b327440 (忽略主页上破碎的页脚,只知道我想要它的位置。)

然而在Firefox上它看起来像这样:

https://gyazo.com/58a4e7a24a8e365aba2918d2aa4c8525

3 个答案:

答案 0 :(得分:0)

编辑:

我相信你所寻找的是:

Footer at bottom of page or content, whichever is lower

如果您希望页脚保持固定在底部 - 即使内容滚动 - 将positionabsolute更改为fixed

JSFiddle:https://jsfiddle.net/iamjpg/rz2ddzx6/

.Links {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #E48A4B;
  text-align: center;
  text-decoration: none;
}

答案 1 :(得分:0)

保持位置固定而不是绝对。

答案 2 :(得分:0)

删除绝对位置,只需将页脚标记放在底部,在html的末尾